Mobile dropdown menu not working on some phones

  • Resolved platy

    (@platy)


    3 years, 9 months ago

    Hello. ??

    I’ve recently upgraded to your premium package to make use of the option to have three columns in the footer.

    Unfortunately since this upgrade, the site I’ve just built for my friend has developed an issue whereby the dropdown primary nav bar (hamburger) menu only now functions correctly on some phones.

    At first I thought it was only on Apple devices, but have since confirmed it is broken on Huawei phones too. I don’t know about others yet.

    The main issue seems to be that the “hamburger” itself is kind of “ghosted out” and almost invisible, but if you click on it, the dropdown simply shows five white blank lines, instead of links to the corresponding menu pages.

    Clicking on those lines still does lead to the correct places, you just can’t actually see any words to tell you what they are.

    I’ve used the search and already tried all the suggestions in similar topics, but to no avail.

    Could someone please take a look and make any suggestions?

    Many thanks for your time. ??

    The page I need help with: [log in to see the link]

Viewing 14 replies - 1 through 14 (of 14 total)
  • Plugin Author Oliver Campion

    (@domainsupport)

    Hello,

    Due to WordPress Forum Guidelines we cannot discuss the premium plugin in this forum, sorry!

    That being said, if you can please disable the premium plugin and confirm that the issue still persists then we can take a look at it here.

    In the meantime adding this CSS into “Customizer – Additional CSS” should help fix your issue …

    .menu-toggle {
color: white;
}
.main-navigation ul {
background-color: black;
}

    Oliver

    Thread Starter platy

    (@platy)

    Legend! Thank you so much Oliver.

    That css appears to have done the trick. ??

    Works on a couple more phones now, just awaiting some customer feedback from others it stopped working for tomorrow & I’ll return to mark as solved.

    Really appreciate your time & quick response. ??

    Thread Starter platy

    (@platy)

    Wonderful, confirmation received that it is working for everyone again now.

    Thanks again for your help Oliver.

    SOLVED!

    Plugin Author Oliver Campion

    (@domainsupport)

    Great news, thanks for the update.

    Oliver

    Hi Oliver,

    I have a similar problem. On https://www.livingwild.nz the mobile menu is always expanded and can’t be collapsed into the hamburger. When I deactivate options for twenty seventeen plugin (I have a premium account) the problem persists. Maybe something got permanently changed? Would be great if you could help me out.

    Plugin Author Oliver Campion

    (@domainsupport)

    Can you please turn off your cache plugin or minify plugin that’s creating all the CSS files? I can’t see where the source of the issue is until that’s been disabled.

    Thanks,

    Oliver

    Thanks for your fast response. I disabled a few not essential plugins.
    What I recognised: There is a double arrow displayed for my submenu “workshops”. That seems odd.

    Plugin Author Oliver Campion

    (@domainsupport)

    Please turn off your cache / minify plugin so we can see what is causing both the mobile menu issue and the double arrow issue.

    Thank you,

    Oliver

    Hi Oliver,

    There is no cache / minify plugin active. I had Smush, W3 Total Cache and Optimole active but they are all inactive now. All the other plugins are not for cache or anything similar.

    • This reply was modified 3 years, 9 months ago by livingwild.
    Plugin Author Oliver Campion

    (@domainsupport)

    You have W3 Total Cache installed …

    https://livingwild.nz/wp-content/plugins/w3-total-cache/readme.txt

    Oliver

    Plugin Author Oliver Campion

    (@domainsupport)

    This is the CSS file created by that plugin that is causing your issue …

    https://livingwild.nz/wp-content/cache/minify/f4251.css

    Oliver

    Ok, I deleted W3 Cache. I still have to delete some of the W3 Cache directories under “/wp-content/” folder.Was this helpful?

    Now everything works as it should. Thanks Oliver!!

    Plugin Author Oliver Campion

    (@domainsupport)

    No problem. It would appear that the cache plugin re-orders the CSS files somehow which is what causes the problem you were experiencing.

    Oliver

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Mobile dropdown menu not working on some phones’ is closed to new replies.