How to fix spacing issue on sub-menu?

  • Hi

    as you can see on this screenrecording, the sub-menu-items below the “Business Coaching” menu-item is not aligned to the left. I checked all blocks, but cannot find the option to remove the left-spacing.

    Can you please help? Auto-Admin-Login and link to the page in private note field.

    Kind regards
    Sascha

  • Hi Sascha,

    Simply edit the Navigation block, select the Sub Menu block, then remove the Inset > Right value that’s currently set to 0px:

  • Perfect, thanks! Although I was surprised, why the inset-right was set to 0 at all. I used the starter site “Keynote”, where it’s set to zero as well

  • Hi Sascha,

    The Keynote starter site sets inset-right: 0px on the Sub Menu block to ensure the dropdown aligns flush to the right edge of its parent. However, since an explicit value on one side can sometimes affect the overall positioning, removing it lets the sub-menu fall back to its default alignment.

    If you’d like to keep the right inset at 0px for consistency but also fix the left alignment, you can set the Inset > Left value to 0px as well.

    Glad it’s sorted!

  • Anpother issue with this nav-menu:

    On hover the menu-text remains white, despite the settings!!!

    Screencast Link

    Auto-Admin-Login Link in private notes.

    Can you please help???

  • Select the Sub Menu block, then click the Selector button and add this as a new custom selector:

    
    .menu-item .gb-menu-link:hover
    

    You can refer to this screenshot: https://cln.sh/X7j6TQ3sR4dKCJPjDQcK

    With that custom selector selected, simply change the color under Typography.

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