Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 24, 2019 at 5:05 am #1112827
    coresensors

    I have been trying to figure out this issue for some time now and am at a dead end. When using the “customize” button when editing my website on a computer, I can see the mobile burger menu when changing the view to tablet and mobile. However, the burger menu is not displaying on any actual mobile phone or tablet. It is just an empty white space where it should be. I have combed through the CSS codes that are in place but can’t find anything that seems like it would hide the burger menu. It is also odd that i can see the menu when editing on computer but not when actually using a device with a smaller screen.

    June 24, 2019 at 10:28 am #1112864
    Rikard

    Hey coresensors,

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

    @media only screen and (max-width: 767px) {
.main_menu .avia-menu {
    display: block !important;
}
}

    Best regards,
    Rikard

    • This reply was modified 5 years, 9 months ago by Rikard.
    June 25, 2019 at 5:02 pm #1113296
    coresensors

    Hi Rikard,

    Thank you! This worked perfectly. I can’t count how many hours I spent trying to figure this out. Support here is excellent!

    June 26, 2019 at 7:05 am #1113488
    Rikard

    Hi,

    Great, I’m glad we could help and thanks for the kind words :-)
    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    June 27, 2019 at 12:26 am #1113732
    coresensors

    You can close this topic now. Thank you.

    June 27, 2019 at 3:07 am #1113752
    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 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Mobile burger menu not displaying’ is closed to new replies.