Small issue with a Mega Menu

  • daveporter
    October 29, 2025 at 6:43 pm

    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

  • Alvind
    October 29, 2025 at 9:37 pm

    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.