Archived topic
Primary menu - remove padding above/below logo
4 replies · Started by ammgbr on June 12, 2022
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.
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.
Hello, tried this but unfortunately did not work.
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.
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:)
