Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 2, 2019 at 11:01 am #1086020
    christwars

    Hi there,

    unfortunately, the main menu is overlapping the logo area when the image size is reduced. It appears on desktop before the site switches to the mobile version.

    How is it possible to let the site via quick css know that it should switch “earlier” to the mobile version with the burger menu.

    Kind regards
    Marcel

    April 3, 2019 at 7:15 am #1086382
    Rikard

    Hey christwars,

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

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

    Best regards,
    Rikard

    April 3, 2019 at 9:03 am #1086426
    christwars

    Your solution works perfectly. Thank you very much!

    April 3, 2019 at 2:33 pm #1086561
    Jordan Shannon

    Hi,

    I’m glad this was resolved. 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 ‘Main menu overlapping Logo on smaller image size’ is closed to new replies.