Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 5, 2019 at 10:12 pm #1107752
    DynamicsOnline

    I have tried several css solutions given in other threads on this forum, but I cannot do this successfully. See site link attached. What styles should I add that change the top nav to the burger mobile menu right at the point where the menu is going to overlap the logo. Thanks in advance!

    June 6, 2019 at 6:51 am #1107834
    Rikard

    Hey DynamicsOnline,

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

    @media only screen and (max-width: 1290px) {
  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

    June 6, 2019 at 3:01 pm #1107956
    DynamicsOnline

    Great, thank you very much Rikard!

    June 6, 2019 at 6:46 pm #1108037
    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 ‘invoke mobile header and menu at a different width’ is closed to new replies.