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.

Making Nav sticky alongside header on desktop

  • So I have been trying to come up with a go-around to get the menu & search modal to flank my header. I spaced it and dialed the z-index so that the clickable areas don’t interfere with each other and now I want the nav & search to stick!(currently it scrolls with the rest of the page)

    Is there a clean way to do this with CSS?

    – Trey

  • Hi there,

    you could do something like this:

    
    #site-navigation {
        position: sticky;
        top: 80px;
    }
    

    But your nav and custom built header are not connected to it may not work as expected on all screen sizes

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