Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 18, 2019 at 1:02 am #1119747
    mattb1169

    Hi,
    On our new site we are seeing the menu overlap the logo when shrinking the desktop browser window. Is there a CSS code that will break to the mobile/burger menu at a larger width than the defaults in the menu settings?
    Thanks

    July 18, 2019 at 6:56 am #1119793
    Jordan Shannon

    Hey mattb1169,

    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;
  }
}

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.