Fixed Header with no replacement

Hi there,

I would use your navigation as the header: https://docs.generatepress.com/article/navigation-as-a-header/

Then you can set the navigation to sticky (without a transition), and it should be exactly what you're looking for.

Let me know :)

Worked like a charm, thanks Tom! - Sometimes you can't see the wood for the trees with GP help articles! - I know I'd definitely have it that way then no support at all!

On the same project, I'm ultimately trying to create a header similar to this.

Is there a way to 'split' the nav and have some buttons and contact info over to the right while the nav links stay left aligned to the logo?

Hi there,

try this CSS:

@media (min-width: 768px) {
    .main-navigation ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .main-nav ul li.call-me-back {
        margin-left: auto;
    }
}

Hi Dave,

I'm almost there! - thanks for the help :-)
I'm struggling to add the text and link to the left of the button at the moment.

Any pointers for that?

You can add that as another custom link in the menu before the button, then move the call-us class to that menu item and remove it from the button. It will then push both menu items to the right.

Perfect David, thank you!

Glad to be of help.