Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 24, 2019 at 10:28 pm #1104041
    premierepc

    Hi Enfold team.

    We’ve made some modifications to the header area based on code snippets in the theme documentation, but have ran into some issues with our menu.

    We’ve added a widget area above the menu, and modified the logo to overlap the widget area and the bottom of the menu as well.

    Our issue is that on certain size displays, the first menu item is getting covered by the logo and the later menu items are breaking into a second line See a screenshot here: https://premierepc.egnyte.com/dl/N5Oxgo7jcu

    Can you take a look and see how we can improve this? Would the alternative be to show the mobile menu on larger displays?

    May 24, 2019 at 11:52 pm #1104102
    Vinay

    Hey premierepc,

    Thank you for contacting us.

    I checked your site and there is not enough room for the menu items when the screen width is less than 1300px.

    Please activate the burger menu at custom width using the below CSS.

    Menu

    /* Activate burger menu */
 @media only screen and (max-width: 1300px) {
#top #header .av-main-nav > li.menu-item  {
    display: none!important;
}
#top #header .av-burger-menu-main {
    cursor: pointer;
    display: block!important;
}}
     

Best regards,
Vinay
    May 28, 2019 at 9:15 pm #1104968
    premierepc

    Thanks Vinay, this worked

    May 31, 2019 at 7:39 pm #1105826
    Nikko

    Hi premierepc,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Menu Display Breaks into Two lines’ is closed to new replies.