[Resolved] Resizing the logo on landing page

[Jeremy]

Hello. I’ve been trying to resize the logo on the landing page. Currently, the logo is quite small and not readable. Is there a way to fix this?

[David]

Hi there,

so the site is using the Navigation as Header:

https://docs.generatepress.com/article/navigation-as-a-header/

With that option the Logo’s size is defined by the Customizer > Layout > Primary Nav > Menu Item Height. So i would increase that a few pixels and then add this CSS to remove some logo padding:

.navigation-branding img, 
.site-logo.mobile-header-logo img {
    padding: 0;
}

[Jeremy]

Thank you David. Worked like a charm!

[David]

You’re welcome

[Author]

Posts