Archived topic
White space after Removing Header
7 replies · Started by Sars on September 29, 2020
Dear Team,
I removed header using custom css that I found on this site. But after removing the Header, I am seeing a white space . How to remove the white space
Thank You
Hi there,
Any chance you can link us to the site in question?
You can use the private information field.
Let me know :)
Thanks Leo,
I have added the demo site in the private field.
First of all, instead of using CSS, you can actually create a layout element to remove the header:
https://docs.generatepress.com/article/layout-element-overview/#disable-element
As for the spacing, is this what you want to remove?
https://www.screencast.com/t/C5Qahlq4TeM
Let me know :)
Thanks leo
I will check https://docs.generatepress.com/article/layout-element-overview/#disable-element
and Yes, I want to remove that Space.
Try this CSS:
.separate-containers .site-main, .separate-containers .inside-right-sidebar {
margin-top: 0;
}
Thanks leo,
I added the code and now my customcss is:
.site-header {display:none}
.separate-containers .site-main, .separate-containers .inside-right-sidebar {
margin-top: 0;
}
But still I am seeing the white space.
Thank You
Hi,
I don't see the white space on my end anymore. Shown here: https://share.getcloudapp.com/2NujKJwn
Perhaps what your seeing is a cached version. Can you try clearing your browser cache and site cache(if any)?
Let us know what you see after clearing cache. Thank you.:)