Archived topic
Alignment of Logo
7 replies · Started by John on December 16, 2022
Hey guys,
How can I go about having my logo touch the top of the screen and touch the top horizontal divider line of my menu categories? I've played around with the different Layout -> Header options, but I can't seem to get it to do that.
Best Regards,
John
Hi there,
go to Customizer > Layout > Header and set the Top and Bottom padding to 0
Hello, David. Thanks for the quick reply. For some reason, I do not see the Top and Bottom padding option. The only options I can see are: Header Presets, Header Width, Inner Header Width, and Header Alignment.
Can you go to Appearance > GeneratePress and Activate the Spacing Module.
Then retry the above.
Thank you, David. It worked. Absolutely loving the functionality of GeneratePress :)
Also, one more thing, I have a vertical divider line separating my right sidebar from the content on my different category pages. However, I do not want the line to connect/touch the bottom of the menu category divider line and the top of my footer. Do you know how I can modify it similarly to the site: site1
I used the code you provided me with in an earlier support thread
.is-right-sidebar {
border-left: 1px solid #ededed;
}
Try replacing your CSS with this:
@media(min-width: 769px) {
.is-right-sidebar {
position: relative;
}
.is-right-sidebar:before {
content: '';
position: absolute;
left: 0;
top: 60px;
bottom: 60px;
width: 1px;
background-color: #ededed;
}
}
Note top: 60px; is how far from the top the line starts. And bottom: 60px; is how far before the end of the page.
It worked flawlessly once again. You're the best!
You're welcome - glad to be of help!