Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

mobile mega menu items inactive

  • 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/DWPqxJ6b

    Do 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/nBQ0V7zkSYmvs

    2. Set the selector’s position to relative.

    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 position to absolute, inset (left/right/bottom/top) to 0, content to ''.

    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 > a to li.menu-item-has-children span, and li.menu-item-has-children > a:before. to li.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.

    https://postimg.cc/Lq0B0z75

  • 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

  • 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

  • You’re welcome!

Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.