- This topic has 4 replies, 2 voices, and was last updated 3 years, 3 months ago by
.
-
Posts
-
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.
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.
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:)
- You must be logged in to reply to this topic.
