Archived topic
Reducing space in header on small screens
3 replies · Started by Remez Sasson on August 2, 2018
Viewing posts 1–4 of 4
Hi,
I have added an ad above the logo on my blog, through the "GP hooks", before the header.
It looks okay on a desktop, but on small screens there is a big white space above the logo. How do I reduce this space, so that the space above and beneath the logo, which is in the header, becomes equal.
Hi there, i can see this CSS which hides the header widget advert:
@media (max-width: 985px) {
.invisad {
display: none;
}
}but the widget itself is still display with 20px margin - so you do this:
@media (max-width: 985px) {
.header-widget {
display: none;
}
}Thank you David. This code solved the problem.
Glad i could help
This archived topic is closed to new replies.
