Important notice: we will respond to all open ticket requests up until November the 1st. After this date, we will be unable to process the ticket requests here on Ticksy.

Okay
  Public Ticket #1184481
Main menu jumps
Closed

Comments

  •  3
    Key started the conversation
    May 25, 2017 at 8:33pm

    How can I solve this problem:

    The main menu jumps one line down when the window is made narrower!?

    I would like that the main menu go from 'PC' window size in 1 step to 'Mobile' window size.

    (video file attachment)

    Thank you.

  •  1,845
    Elated replied
    May 29, 2017 at 1:00pm

    Hello there,

    We are so sorry for the late response.

    The issue can be resolved either with reducing spacing between menu items or changing when the mobile menu appears so there is no dropping effect of the main menu. However, to implement any of the suggested solutions we need link to your site so we can generate some css according to your page.

    Please send us link to your page so we can assist you.

    Thanks. 

    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  •   Key replied privately
  •  1,845
    Elated replied
    May 31, 2017 at 2:45pm

    Hello there,

    The menu holder is not wide enough so the menu and logo fits in it when screens resolution is under 1200px, so one solution to the issue is to make mobile menu appear when screen resolution is under 1200px, default is 1024px. It can be achieved using some Custom Css, just paste  code below into Elated Options > General > Custom Css field  

    @media screen and (max-width: 1200px){
        header.eltd-page-header {
            display: none;
        }
    header.eltd-mobile-header {
            display: block;
        }
    }

    and after that mobile menu appears in under 1200px. There are other solution that involves reducing spacing between menu item and reducing logo width and if you want that solution instead of this one please let us know and we will provide you code required to do so.

    Please let us know if there is anything else we can do for you.

    Thanks.

    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  •  3
    Key replied
    May 31, 2017 at 5:37pm

    Fine!
    Exactly what I have needed.

    Thank you very much

  •  1,845
    Elated replied
    June 2, 2017 at 10:18am

    Hello,

    We are pleased to help, if there is anything else we can do for you, please let us know.

    Thanks.

    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  •  3
    Key replied
    June 15, 2017 at 10:55am

    Sorry, but I must expand the main menu.

    Can you give me a code     so I reducing spacing between menu item!?



    Thank you

  •  1,845
    Elated replied
    June 16, 2017 at 2:50pm

    Hello,

    You ca resize spacing between menu items using this code 

    .eltd-main-menu>ul>li>a span.item_inner{
        padding: 0 5px
    }

    but if you want it to be applied on just certain screen resolution please use this 

    @media screen and (max-width: 1400px){
        .eltd-main-menu>ul>li>a span.item_inner{
            padding: 0 5px
        }
    }

    and it will be applied only on resolution below 1400px or you can set whatever resolution you want.

    As usual, Custom Css needs to be placed into Elated Options > General > Custom Css field.

    Please let us know if this solved the issue and if there is anything else we can do for you.

    Thanks.

    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  •  3
    Key replied
    June 23, 2017 at 2:30pm

    Oh fine!


    Thank you very much

  •  1,845
    Elated replied
    June 26, 2017 at 11:22am

    Hi,

    We are pleased to help, please let us know if there is anything else we can do for you.

    Thanks.

    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.