Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
  • #1336265

    In Enfold theme options, I’ve set the burger menu to show on devices with a screen width of less than 990px. Also, Menu Handling for Mobile Devices in Landscape mode is set to Use Portrait Mode Screen Width.

    When viewing in Chrome on my iPad, burger menu shows. However it does NOT show in Safari and regular menu appears.


    Hey nancyT,

    I can’t see any differences on my end when comparing Chrome and Safari, the burger menu starts showing a 990 pixels width. Could you try loading the site in a private window in Safari to see if that helps please?

    Best regards,


    See screen shots here please. Thank you.

    No Burger Menu

    Chrome developer 990







    Thanks for the update. I still can’t see that happening, the burger menu activates at 990 on my end. Please see screenshot in private.

    Best regards,


    Private content below.



    What is the resolution of your ipad? You can adjust the pixel value when the burger menu is activated using this 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;

    Simply adjust the 1024 value to your preferred value.

    Best regards,


    Thank you, that has been very helpful and good to know!



    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,

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Burger Menu not showing in Safari on iPad’ is closed to new replies.