Mobile menu not open on first click

Hello Andras,

There is no conflict in JS, maybe the styles take some time to load (depends on the internet connection) for the menu.

What if you make the menu 100% wide (so it covers this entire bar:

If it would make it work better, we can then set the icon and label to right align, so the look stays same but the width is 100% (currently its width is limited to the icon and the label).

Gina
Themler support

Thank you!
I will try it...
Andras

Dear Team,
I tried a new combination on mobile menu: Slide Menu opening and Popup on click action (Expand on click was before this). Now it seems to be working, but I'm still testing.
My dev site: https://energofish.hu/ujoldalteszt
Menu layers: Header > Container > Coumns > Column > Horizontal menu
I don't think so it would be a wrong arrangement. I think there can be a javascript loading delay or an unecessary loading of a funkction or element when user click or tap.
Thanks
András

Now, I checked on a mobile where the site was never opened before.
The problem is the same.
On this new site I use another arrangement for the horizontal menu, so I don't know why it is wrong.
If anybody have ideas I welcome!
Thank you,
Andras

The issue where the mobile menu hamburger icon does not open on the first click could be caused by a couple things:

A JavaScript conflict or error that is preventing the click event from properly toggling the menu open/closed on first click. I would check the JavaScript console for any errors and debug why the click handler is not working right away.
An issue with click event propagation on the hamburger icon. Maybe the click is getting caught/stopped by another element, preventing the menu toggle. You can try adjusting the z-index or containment of elements.
A CSS problem where the actual menu container is hidden/collapsed on first load, so clicking the hamburger icon tries to open it but it has display:none initially. You may need to override default styles.
Some things to try:

Test if the click event is firing on the hamburger button by adding a console.log on click. See if event reaches icon.
Simplify any animated transitions or complex JavaScript temporarily to debug.
Check if clicking menu directly would work to rule out JS issues.
View mobile site emulation before any user scrolling to rule out positional/layout issues.
Validate markup semantics and check for missing container elements.
Focus debugging efforts on the hamburger icon and the menu toggle functionality specifically to identify what causes the first-click failure. Let me know if any specific details about the implementation would help troubleshoot further!

wheelie party: Maintaining your balance is crucial; the longer you keep your front wheel lifted, the more points and coins you can collect, pushing you to develop your skills and become a master of the art of wheelies.