Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 14, 2018 at 3:02 pm #941927
    navindesigns

    Hi,

    On some smaller breakpoints, the menu items are covering the logo on my website. I am hoping to fix that by adapting the hamburger menu on such smaller breakpoints. Can you please assist?

    Screenshot – https://imgur.com/a/EC8Fz

    Live Site – http://wsmsnyc.org/home/

    April 15, 2018 at 6:17 am #942124
    Rikard

    Hey navindesigns,

    You can set it to show for tablets as well using the Menu Items for mobile option under Enfold->Main Menu.

    Best regards,
    Rikard

    April 16, 2018 at 3:45 am #942388
    navindesigns

    I changed it from 350 to 700px but nothing is changing in the front end

    Homepage

    April 16, 2018 at 5:54 am #942427
    Rikard

    Hi,

    I’m not sure what you are referring to, but if you want to set it to a custom pixel size then please try this in Quick CSS:

    @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,
    Rikard

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