Hello,
I’m struggling to find what causes my menu to close by itself on mobile and tablet.
I’ve used animation for my mega menu (to open and close on hover) but it’s not activated for mobile and tablet.
The issue isn’t visible from the designer though.
Could you please help me? It’s my last bug before delivering to my client.
Hi @Jessypage, when the auto open on hover is set to the DropDown and when then Dropdown is nested in a Navbar, I would recommend to disable the open on hover setting for each dropdown widget:
I might also recommend to give your navbar class a little z-index so that the menu content is over other content on the page:
Hello @cyberdave and thank you for your message.
I think the issue is more about the menu button than the dropdown.
If you check on your mobile citinnov.com, you’ll see that the menu closes 1s after opening.
Would you have any idea where it comes from please?
Hi @Jessypage, thanks, for the reply, it looks like the behavior is happening only on the published site from what I can see.
Custom code is not rendered in the designer and can affect to the normal operation of the native widgets.
I would temporarily remove any custom code that is being used on the home page, republish and then check again.
If the issue is resolved, then add back custom code script by script and republish each time until you find the custom code that is affecting the mobile nav behavior.
I usually create a duplicate of the original site, then remove custom code from the duplicate and publish that to check for code conflicts.
Hello Dave,
Thank you for your answer. I found the issue thanks to you, but didn’t solve it.
The issue is that I use custom code for auto switch tabs and this is causing the menu on mobile to close (AutoPlay Tabs - Any ideas? - #5 by pepperclip)
They mentioned a solution there but it doesn’t work for me…