[Resolved] Logo in Navigation Bar too small

Home Forums Support Logo in Navigation Bar too small

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #307650
    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)

    GP Premium 1.2.96
    #307704
    Leo
    Staff
    Customer Support

    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.

    #307779
    Alex

    Leo, thank you very much! It works perfectly.

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.