Archived topic
Logo not aligned in contained header
5 replies · Started by kpauner on April 10, 2019
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
Let us know if you need any assistance.
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.
Hi there,
Have you tried adjusting the header padding?
https://docs.generatepress.com/article/header-padding/
Let me know :)
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.
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/