Hi,
I’m having some trouble with my hamburger menu item on my in-development website. When I view it on my phone and tap the submenu double-chevron icon, it won’t expand the submenu but just act like I clicked. But on desktop, even using mobile preview, it works fine.
Hi There,
Thank you for writing in, there is a JS error on your site when I check the browser console. Please try removing any custom JS you have and do a testing for a plugin conflict. You can do this by deactivating all third-party plugins, and see if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.
Let us know how it goes,
Cheers!
Hi,
I’ve dealt with the JS error (it was a recaptcha error with Contact Form 7) by removing the recaptcha from the contact form for now (will deal with it later).
However the menu issue remains unresolved, as my phone still won’t expand the submenu when tapped.
I’m pretty sure that it has something to do with the CSS code you have added in (Theme Options > CSS), as without this code, I got the submenu links working fine, please check this video screencast:
Thanks.
I removed all the custom CSS and saved it locally to my computer to re-add later.
Unfortunately the menu still doesn’t work on my phone.
The site looks off of course because of the missing CSS. I’m going to keep it without the code for now as I can debug it.
Hi Spencer,
I’m sorry that you’re having this issue, this seems to be a bug with your parent menu item (about) is set as a one-page navigation item. I’ve submitted this to our issue tracker so the developers will be made aware of it.
You can check our changelog page when an update is released to see if a fix for this is included.
For now please separate the 2 child items from parent item (about), or don’t make the parent item as a one-page navigation to about section.
Thank you for understanding,
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.