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.

help with navigation button

  • Hi,

    I am having trouble with the navigation bar, I have reset all but still the same, lessen the spacing in Customized but still the same.

    This is the navigatin looks like, but when you click the search icon it goes down, before it goes one line only.
    https://postimg.cc/kVF3LRHn

    My screen is big, but when it reached around 1338 it goes like this pls see the image below.
    https://postimg.cc/G4GZssdk

  • Oppps forgot to place our website link.

  • Hi there,

    That should be normal behavior on smaller screens, where the search field wraps to a new line to compensate for the space when the search field expands.

    How do you want the navigation to behave specifically?

  • Hi Alvind,

    I wanted to behave the same with the bigger screen, if that is possible.

  • It’s not possible, there’s simply not enough space.

    A workaround is to make the search input position: absolute, so it does not occupy any space, and when it’s active, it will sit on top of the subscribe button.

    1. Here’s the CSS:

    #mobile-header .wp-block-search.wp-block-search__button-only .wp-block-search__input {
        position: absolute;
        left: -150px;
        min-width: 150px;
    }

    2. Set the parent container of the search block to position:relative.

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