Archived topic
Header Overlay Issue - center navigation, color adding padding
5 replies · Started by Sarah on October 9, 2018
hello, we're trying to achieve this header look using GP: https://www.dropbox.com/s/wud4dnw5iavox1i/home-page%20final.jpg?dl=0
The issue is:
1 - when we add color it adds spacing...almost as if it adds top and bottom padding.
2- And we cant get the nav bar to line up in the middle.
3- Then the padding prevents us from having the logo overlap the next section.
The site is in private mode and here are the creds to view the site -
flywheel
known-newt
Hi there,
Can you first following the steps here to add a center navigation logo?
https://docs.generatepress.com/article/centering-logo-navigation/
Then we should have the right classes to style it.
Let me know :)
Thank you, thank you! This is done - can you please advise on the next steps.
You could try some CSS like this:
.main-navigation .centered-navigation-logo img {
position: absolute;
left: 0;
top: 0;
}
.main-navigation .centered-navigation-logo {
height: 60px;
width: 100px;
}It does leave a white gap above the content, but I can't figure out if that's from your content itself or not?
Thank you, thank you!! Yes, I was able to adjust the margin on the hero image and get it to look perfect. Appreciate your help.
You're welcome :)
