Archived topic
White Space after Hero Header
3 replies · Started by Gabriele on March 27, 2021
Hi guys!
I've been at this for a while now and I just can't seem to be able to get rid of the white space below my header element on my home page.
Can you give me some guidance on what I'm doing wrong?
Basically, I'd just like to have a full-screen landing page with all the info there and nothing else.
Here's the link: wearefesta.co
Cheers,
G
Hi there,
Try this CSS:
.home .site {
display: none;
}Adding CSS: https://docs.generatepress.com/article/adding-css/
Let me know if this helps :)
That's it, thanks!
Any reasons why there's still a bit of a scroll to do to reach the bottom of the page? Wish this could become one single page filling up the whole screen (on desktop at least, where everything should fit quite comfortably, I think!)
Cheers,
G
Hi there,
you have this CSS in your Simple CSS:
div {
padding: 3%;
}Which is adding padding to every DIV including the inside container of the header element. remove that and you will find on larger screens there is no requirement to scroll.
