[Resolved] Alignment of Logo

[John]

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

[David]

Hi there,

go to Customizer > Layout > Header and set the Top and Bottom padding to 0

[John]

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.

[David]

Can you go to Appearance > GeneratePress and Activate the Spacing Module.
Then retry the above.

[John]

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;
}

[David]

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.

[John]

It worked flawlessly once again. You’re the best!

[David]

You’re welcome – glad to be of help!

[Author]

Posts