[Resolved] Change logo size

[Rasmiya]

Hi there,

I need your help,
Could you tell me how change logo size?

I would like to increase logo, I use in header option – Use Navigation as Header, but the logo look very small…

Thanks!

[David]

Hi there,

the navigation logo’s height is defined by the Menu Item height in Customizer > Layout > Primary Navigation, increasing that will increase the logo size. In addition to that there is some padding on the logo img which you can remove with this CSS:

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

To manually adjust the Mobile Header logo height without increasing the menu item height this CSS:

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

.site-logo.mobile-header-logo img {
    height: 80px;
}

[Rasmiya]

It works great!
David, thank you

[David]

You’re welcome

[Author]

Posts