Archived topic
How to reduce a white space of below header on Mobile
1 reply · Started by bkfactory on April 27, 2022
Hi.
I put google adsense 320x100 banner at below header by hook
But banner is a looking smaller than I though.
I think if I can reduce a white space of below header on Mobile, It will be good for me.
How I can reduce a white space of below header on Mobile.
Thank you.
Hi there,
you could use some CSS like this:
.separate-containers .code-block + .site .site-main {
margin-top: 0;
}If there is a div.code-block, like you have for your banner ad, before the main site container then remove the spacing the theme applies to its top.
The rest of the space comes from the inline styles applied to that code block. ie.
<div class="code-block code-block-6" style="margin-top: 20px; margin-bottom: 5px; text-align: center; display: block; clear: both;">
If you can edit that HTML then you can adjust its margins too.
