[Support request] Logo not aligned in contained header

[kpauner]

For some reason, the header logo (nav logo also) is not aligned despite using “Contained”. And I can’t figure out why. Any help is appreciated

edit: decided to just restart the project

[David]

Let us know if you need any assistance.

[kpauner]

Oh, it happened on the new site too.
If i set the Header width to Full and Inner Header Width to Contained the logo/primary menu doesnt align with the rest of the page. How do i fix this? I need full width for the Header as i use it as a background.

[Leo]

Hi there,

Have you tried adjusting the header padding?
https://docs.generatepress.com/article/header-padding/

Let me know 🙂

[kpauner]

Yes, a header padding of 80px looks exactly the same as a 40px padding.

The logo has a life of its own. completely detached from the rest of the website. adjusting the width of the browser moves the logo from being too far outside the container to too far inside the container.

[Leo]

Using padding of 80px shouldn’t be exactly the same as 40px.

Here you can see the changes:
https://www.screencast.com/t/g8ZsYLk7K

If you want the header to be exactly 1680px in width, try setting the outer width to full, inner width to contained, then remove the left and right header padding:
https://docs.generatepress.com/article/header-layout/
https://docs.generatepress.com/article/header-padding/

[Author]

Posts