Archived topic
Disabled site-branding; style still showing up on tablet view
5 replies · Started by Joseph on May 3, 2021
So I disabled site-branding on my site in the customizer (hide tagline, hide title). So my header logo class is only "site-logo." Everything is fine until it's in tablet view, the nav drops below the header, and then somehow a site-branding class is added, and there is now a 1.5em margin at the bottom.
When I inspect it, it's inlined in the "body" section.
Any idea of how to get rid of it, or at least where it's coming from? I checked my CSS and customizer but don't see it.
Hi Joseph,
The site-brandingclass is greyed out which means it's not active, it will only apply when there's actual content in thesite-branding. In your case, the .site-logo class is the one adding the margin bottom.
So are you just trying to get rid of the bottom margin? If so, try this CSS:
@media (max-width: 1024px) and (min-width: 769px)
.inside-header .site-logo {
margin-bottom: 0;
}
}Let me know :)
Ok, but I'd like to know it's doing that, or is that a native GP CSS and I need to cancel it out every time?
It's a native GPP CSS.
Why would you need to cancel it out? It's not doing anything and considering its size, it doesn't affect your site speed as well.
Ok. I just don't like having to add CSS to cancel other CSS, that's just me. I'm crazy like that. But thanks!
Oh, and the code didn't work, but I figured out yours was missing one curly bracket but it works now.
@media (max-width: 1024px) and (min-width: 769px) {
.inside-header .site-logo {
margin-bottom: 0;
}
}Oops, you caught me :P
Anyway glad it works now!
