[Resolved] Sticky Navigation container settings

[Matt]

I have a sticky navigation set to work but when it comes in the logo and the menu seem to go right out to the widest part available of the screen. I want it to sit within the container set in the layout section?

Is there an easy way to do this?

[Leo]

Hi there,

I think this method is what you are looking for:
https://docs.generatepress.com/article/navigation-as-a-header/

Let me know 🙂

[Matt]

Thanks Leo,
Just looked at this article and not been able to find the setting for what I need.

The page container is set to 1100 pixels but the sticky header is aligning right and left to the edges of the page.

Not sure if you can see it on a smaller screen as it won’t be as prominent.

I have recorded how it looks on my screen. I really want it to stay in line with the 1100 container. https://www.useloom.com/share/47cf7e194c5e435797a01b53b64b8a28

[Leo]

You are not using the method I suggested – generally the layout you are after will work better with the method I linked.

You can also try setting the inner navigation width to contained:
https://docs.generatepress.com/article/navigation-layout/#navigation-width

[Matt]

Spot on, I hadn’t paired those settings up but now all sorted. Thanks again

[Leo]

No problem 🙂

[Author]

Posts