Archived topic
Mobile Element Spacing
5 replies · Started by Gareth on June 7, 2021
Hello,
I have been playing around with this for this evening but can't seem to figure it out.
The mobile element spacing on my site is off.
I would like the mobile affiliate banner I have created to not have such a large space beneath every page and to have the same spacing between the content/archives and banner advert.
What I would like is 10px on either side (top & bottom) of the mobile banner element block I have made.
The spacing is different beneath both the content & archives (mobile).
Do you have some CSS for the mobile banner spacing?
Many Thanks,
Gareth
Hi there,
Can you clear and disable your caching plugin first so we can inspect the code properly?
Thanks!
Sorry just cleared & disabled :)
I'm still seeing WP Rocket activated in the source.
Is the plugin disabled entirely?
I've just activated, cleared then de-activated. Did that work?
So the space is coming from a couple of places.
First, there is a empty paragraph at the very end of the element which you can remove:
https://www.screencast.com/t/Ookg8kWUkpwy
Then add this CSS:
.gb-container.gb-container-d84bfda6 .wp-block-image {
margin-bottom: 0;
}Adding CSS: https://docs.generatepress.com/article/adding-css/
