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 (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

Huge gap in main nav caused by inside_navigation hook

  • I have created an Element that places my social icons above the main navigation items in the header. It uses the “inside_navigation” hook.

    The element is set to 100% width and is flex.

    The element correctly positions above the menu item line. However, it also creates a huge unintentional gap of space between the last menu item (“about”) and the search icon (see URL in private info). Without the social icon element, the search icon is evenly spaced alongside the other menu items.

    What is causing this space to appear and how can get rid of it?

  • Hi there,

    Try this CSS:

    @media (min-width: 769px) {
        #site-navigation .inside-navigation {
            justify-content: flex-end;

    Learn how to add CSS:

    Let me know if this helps πŸ™‚

  • PERFECT!!! Thank you so much! πŸ™‚

  • No problem πŸ™‚

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