-
Howdy. I recently noticed an issue that I can’t seem to fix. In the images below, you can see there is a space above my top bar on my website and I am not sure where it is coming from or how to get rid of it. I also included a screenshot of the top bar element. I have a different top bar on mobile, and there is no space above it. The mobile top bar is almost identical to the top bar for desktop.
Any advice on how to get rid of that space would be appreciated.
-
Hi there,
can you share a link to where i can see the issue on your site ?
-
Hi David, I added the link to the private information. I am using the Shop theme from GeneratePress.
I also have the hero and top bar set to full width, and it seems it is not full width.
-
I see this CSS being loaded on your site:
@media (min-width: 769px) { body { padding: 30px; } }Which is adding 30px of space all round the body.
But i cannot see where it is coming from, as the CSS has been optimized and cached ( SG Optimizer )Do you know where that is ? Perhaps in the Customizer > Additional CSS ?
-
Hi David, Thanks for pointing that out. I have added all the additional CSS to the private area. I don’t believe I added that, however, I don’t remember the theme having it out of the box. Would you recommend I delete it?
-
That would have come from a site library import.
Just delete this:
body { padding: 30px; } -
great looks like it worked, thanks
-
Glad to hear that
- You must be logged in to reply to this topic.