Make Sticky and Pre Scroll Nav Same Size

Hi there,

I believe this option would work better:
https://docs.generatepress.com/article/navigation-as-a-header/

Let me know if this helps :)

Thanks for the quick reply. I made this update but it is still not the same size. I like the width of the nav bar on scroll. I want the nav bar before scroll to be the same size as the nav bar on scroll

Just checked the site but not seeing the option activated.

Can you confirm?

Make sure to clear any caching plugin or server cache if you are using any.

Check now please

Can you remove the sticky navigation logo?

Shouldn't need one there if it's the same as the static logo.

Hey i removed the sticky navigation logo. But I am still experiencing the same issue

Ahh looks like you've added this CSS that's causing the issue:

nav#sticky-navigation .inside-navigation {
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 0;
}

Try removing it.

Yes this solved the issue. But now my navigation menu isnt aligned to the left like this website:

Hi there,

you will need a little CSS to remove the margin on the navigation branding:

.nav-align-right.main-navigation .navigation-branding {
    margin-right: unset;
}

Perfect it worked! Thank you

Glad to hear that!