Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 20, 2019 at 8:45 pm #1069684
    williamslyd

    When I shrink the screen size, the menu is not responsive until I get to a tablet size, leaving the menu items overlapping with the logo and the social icons on a second line. How can I fix this? Thanks

    February 23, 2019 at 8:07 am #1070615
    Rikard

    Hey williamslyd,

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

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

    February 24, 2019 at 5:08 pm #1070973
    williamslyd

    that did it, thanks!

    February 25, 2019 at 1:27 am #1071081
    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 ‘menu not responsive’ is closed to new replies.