Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 30, 2020 at 1:34 pm #1208504
    edwinbaes

    Hello,

    I have a display problem with my menu.

    There are a lot of items on the menu. when you have a big screen it’s ok.
    When I change the size of the window, the menu goes above the logo.

    Can you please help me to bring up the hamburger menu as soon as the menu starts to pass over the logo?

    Thanks in advance.

    The maximum width of the container is 1310.

    Have a good day

    April 30, 2020 at 11:44 pm #1208677
    Jordan Shannon

    Hey edwinbaes,

    You can try and make the menu collapse earlier.

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 1024px) {
  nav.main_menu {
    display: block !important;
  }
  #avia-menu .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

    Change the value 1024 to the pixel value of your choice.

    Best regards,
    Jordan Shannon

    May 1, 2020 at 12:11 pm #1208813
    edwinbaes

    It’s work great !

    Many thanks.

    May 1, 2020 at 7:54 pm #1208912
    Jordan Shannon

    Hi,

    Perfect! If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Menu goes above the logo.’ is closed to new replies.