-
Hello,
I am experiencing something unusual in the mobile menu.
In the mobile Menu when I touch the menu option “Produkte” the Tab does not open, but if I touch the chevron down icon, then it works. The same happens with the menu item “Anwendungen”.
Here how it looks:
https://postimg.cc/DWPqxJ6bDo you know what could be the problem?
Thanks for your time!
-
Hi there,
try the steps below:
1. Switch to mobile mode, select the menu block, and click the manage selector button to create a new selector
li.menu-item-has-children > a: https://app.screencast.com/nBQ0V7zkSYmvs2. Set the selector’s
positiontorelative.3. Select the menu block, and click the manage selector button to create another new selector
li.menu-item-has-children > a:before.4. Set the new selector’s
positiontoabsolute,inset(left/right/bottom/top) to0,contentto''.Let me know if this helps!
-
Hello
Thanks for the reply.
Somehow it did not work. Now it doesn’t open the menu at all in mobile.
Can you take another look please?
Also do you now how can I prevent the Hamburger Menu Icon to jump when the Menu opens & close?
Thanks
-
Can you try changing the selector to from
li.menu-item-has-children > atoli.menu-item-has-children span, andli.menu-item-has-children > a:before. toli.menu-item-has-children span:before?The settings would be the same!
Let me know 🙂
-
Hi,
Thanks for the help!
Unfortunately it didn’t fix this.
I update the selectors and just see that the Icon open the Menu Items but not the Titles. -
Alvind
Hi there,
For step #2 above, change the Position setting to Default.
-
thanks a lot, this works 🙂
have a great day!
-
oh I forgot, this:
do you now how can I prevent the Hamburger Menu Icon to jump when the Menu opens & close? -
Can you provide your site link? It seems to be removed. There are only the username and PW in the private info field.
-
Im very sorry for this. Now I add the URL
-
Alvind
do you now how can I prevent the Hamburger Menu Icon to jump when the Menu opens & close?
Try adding this CSS:
button.gb-menu-toggle--clone.gb-menu-toggle--toggled { top: 32px; } -
you are such a heros, thanks again!
this fixed it -
Alvind
You’re welcome!
- You must be logged in to reply to this topic.