[Resolved] Logo in Navigation Bar too small

[Alex]

Hi,

I’ve seen most of the topics regarding logo images that are too small in relation to the menu items in the nav bar (such as this one here: https://generatepress.com/forums/topic/main-navigation-logo-too-small/). And tried all the suggested CSS.

However, my logo is still way too small. As soon as I increase its height using Simple CSS the whole nav bar increases in height – and this is not what I want.

Strangely enough I can change the WIDTH of the logo, but not the HEIGHT using this CSS:

/* Navigation logo */
.header-image {
    width: 200px;
    height: 200px;
}

Any idea how I can increase the logo size WITHIN the current nav bar’s height? There is still plenty of room above and below the logo.

Thanks.

LINK: (@Admin: Please DELETE THE LINK AFTER LOOKING AT THE SITE! Thanks)

[Leo]

Hi Alex,

This CSS below should set the logo to the same height as your current navigation height:

.main-navigation .navigation-logo {
    padding-top: 0;
}
.main-navigation .navigation-logo img {
    height: 80px;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know.

[Alex]

Leo, thank you very much! It works perfectly.

[Author]

Posts