Menu Toggle - flashes mobile menu briefly on every page load

[YellowPhoenix]

Hi there,

I’m using your menu toggle instructions on my new page however the menu flashes briefly every single time the page loads on mobile mode:

http://gjs.co/equipment/new/?test=1

Is there any way to stop this?

Cheers
Greg

[admin]

Hi Greg,

Hmm, yep I noticed it. It seems on pages that take a bit more time to load (i.e. to fire the DOMContentLoaded event) this effect might be noticeable. I will think about possibly a bit improved sample code in the docs but you can fix the issue in the meantime by adding the collapsed class to your menu tree in the source by default:

<ul id="main-menu" class="sm sm-gjs hidden-print collapsed">

Let me know if you still have any troubles.

Cheers!

[YellowPhoenix]

Thank you so much! Worked a treat

[Hakpersson]

Adding the ‘collapsed’ solves the issue, but in my case the submenus and the pended + is gone. In other words the menu renders useless. Any advice or have I misses something vital here?

[admin]

There is probably some other reason for this – simply adding that class shouldn’t cause the sub menus to stop working. If possible, please post some kind of live demo and I will try to investigate it.

[Hakpersson]

Sorry! My bad, I had missed a ” in another expression that put the menu out of order. Works perfectly now. Thanx for a fast reply anyhow!

[Author]

Posts