[Support request] Primary menu – remove padding above/below logo

Home Forums Support [Support request] Primary menu – remove padding above/below logo

Home Forums Support Primary menu – remove padding above/below logo

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #2251373
    ammgbr

    Hello, on desktop I have my logo and menu on the same line. I have used the following CSS to remove the logo padding above/below:

    .navigation-branding .is-logo-image {
    padding-top: 0px;
    padding-bottom: 0px;
    }

    However, when I reduce the height of my logo the padding re-appears.

    #2251483
    Fernando
    Customer Support

    Hello there,

    Can you try altering your current code into something like this?:

    .navigation-branding .header-image.is-logo-image {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    I added a class to your selector so that it its specificity score is higher than the default CSS rule which adds padding when you’ve set Navigation as header.

    Kindly let us know how it goes.

    #2251584
    ammgbr

    Hello, tried this but unfortunately did not work.

    #2251603
    Fernando
    Customer Support

    I see.

    This is what I’m seeing: https://share.getcloudapp.com/rRuO9ZK8

    As shown, the CSS is working from my end.

    Can you try clearing your browser’s caching or try viewing the site from a different browser?

    May you send a screenshot showing what you’re seeing from your end?: https://docs.generatepress.com/article/using-the-premium-support-forum/#uploading-screenshots

    Kindly let us know.

    #2251605
    ammgbr

    I see that is what I get too, but I was trying for the logo not to have any dark space above/below but attach to the lines.

    UPDATE

    I think I managed to sort it by setting the Menu Item Height to 45px:)

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