Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 28, 2022 at 2:52 pm #1346314
    Ben

    Hey, Awesome theme Team Krisi!

    I wonder if you can help me?

    I’ve tried a few threads on here to change the breakpoint of the Hamburger Menu so that it swaps to the hamburger menu when at 1177 px wide, but I end up with the burger appearing on the left of the screen. Any ideas what the best way to change the breakpoint of the Hamburger Menu is for v4.9.2.1

    Many thanks in advance

    March 28, 2022 at 6:09 pm #1346328
    Rikard

    Hey Ben,

    Please try this in Quick CSS:

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

    March 29, 2022 at 10:15 am #1346409
    Ben
    This reply has been marked as private.
    March 29, 2022 at 12:33 pm #1346423
    Rikard

    Hi,

    I can’t reproduce those results on test installation. If you need further help, then we need to see the actual result you are describing on your site.

    Best regards,
    Rikard

    March 29, 2022 at 12:41 pm #1346427
    Ben
    This reply has been marked as private.
    March 29, 2022 at 8:12 pm #1346470
    Rikard

    Hi,

    Thanks for that. I’ve edited the CSS for you, please review your site.

    Best regards,
    Rikard

    March 30, 2022 at 10:29 am #1346540
    Ben

    Thanks, Rickard! That’s great :-)

    March 30, 2022 at 1:19 pm #1346569
    Mike

    Hi,
    Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Changing the breakpoint of the Hamburger Menu’ is closed to new replies.