Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 28, 2020 at 5:07 am #1198514
    dancedojo

    Hey there,

    Over the years, we’ve done some custom development to the Main Menu on our site but now, we’re trying to go back to using (more or less) the theme’s standard Hamburger Menu on mobile.

    I’ve updated the header.php to make sure it’s calling helper-main-menu.php (because it wasn’t before with the edits we made) but for some reason the burger menu is not showing up on mobile. However, when I’m working in chrome and use the console to switch between the mobile/desktop view I can see the burger menu in the mobile view just fine.

    Can you help me figure out why it’s not showing up on mobile (I tried in safari and chrome)? Login creds for the staging site are in the private comments.

    Thanks!

    March 29, 2020 at 5:39 am #1198768
    Rikard

    Hey dancedojo,

    Thanks for the login details. I can see the mobile menu fine on my end as well when using Chrome, it doesn’t show up on Safari though. Could you clear all the cache from your caching plugin and leave it deactivated to see if that changes anything please?

    Best regards,
    Rikard

    March 31, 2020 at 2:25 am #1199235
    dancedojo

    Hey Rikard,

    I’ve purged the cache in the Litespeed cache plugin (and deactivated it) and also purged the cache in Safari. I’m still not able to see the burger menu. I’ll wait a while, but is there anything else that might be causing an issue? When I inspect the page in Safari I can see the burger menu in the source HTML but that’s about it.

    Also, one other thing in the meantime. I’m trying to get rid of the white space above the logo and burger menu on mobile (You can see it in chrome as you mentioned). I think I found the issue, but I’m not sure how to resolve it.

    If you inspect and locate the <div class=”container av-logo-container”> element then look in the styles pane, you’ll notice that there’s a height: auto !important; style for for the following selector:
    @media only screen and (max-width: 767px)
    .responsive #header_main .container

    I need to get rid of that, but it’s sitting in the enfold layout.css file which I’m not sure what to do about.

    Thanks,
    Cody

    April 10, 2020 at 5:00 am #1202553
    Ismael

    Hi,

    We are quite sorry for the delay. The burger menu displays properly when we check it on an iPhone emulation. Did you figure out the issue?

    Best regards,
    Ismael

    April 13, 2020 at 8:38 pm #1203342
    dancedojo

    Hi Ismael,

    Yes I was recently able to fix the issue. I wasn’t able to overwrite the problematic css style on my staging site, but for some reason it worked fine on the live site.

    Also the issue for the burger menu “disappearing” was that the logo had a display: table property which was pushing the burger menu off the screen (only happened in safari though).

    April 13, 2020 at 11:20 pm #1203374
    Jordan Shannon

    Hi,

    Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

    April 16, 2020 at 9:11 pm #1204546
    dancedojo

    You can close it now.

    April 18, 2020 at 9:03 am #1204860
    Rikard

    Hi,

    Thanks for letting us know, I’ll go ahead and close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Hamburger Menu not Showing Up On Mobile’ is closed to new replies.