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.

Small issue with a Mega Menu

  • I’m trying to make a simple Mega Menu – a bit similar to the Product mm on the GP website (not necessarily 2 x 2)

    I have it working mostly how I want it, but when I hover over one of the 3 items there is a slight movement to the right of the container, I can’t work it out..

    Also the container for each of the three has a bit too much padding – top/bottom, again, can’t work out where that is configured.

    The link to my play site is below!
    And the MM is on the Services main menu using the Mechanic starter site!

    Thanks, Dave

  • Hi Dave,

    Select the menu item wrapper, then edit the gbp-mega-menu__link global style. Switch to the Hover selector and either remove the border setting or reduce the border width to 0.5px — that seems to be causing the issue.

    For the top and bottom spacing, select the text block inside the menu item and set its bottom margin to 0.

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