Archived topic

Logo in Navigation Bar too small

2 replies · Started by Alex on April 19, 2017

Viewing posts 1–3 of 3

April 19, 2017 at 6:09 am #307650

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)

April 19, 2017 at 8:14 am #307704

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.

April 19, 2017 at 10:14 am #307779

Leo, thank you very much! It works perfectly.

This archived topic is closed to new replies.

Start building better websites today.