Site logo

Archived topic

Alignment of Logo

7 replies · Started by John on December 16, 2022

Viewing posts 1–8 of 8

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!

This archived topic is closed to new replies.