[Resolved] White space after Removing Header

[Sars]

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

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can use the private information field.

Let me know 🙂

[Sars]

Thanks Leo,
I have added the demo site in the private field.

[Leo]

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 🙂

[Sars]

Thanks leo
I will check https://docs.generatepress.com/article/layout-element-overview/#disable-element

and Yes, I want to remove that Space.

[Leo]

Try this CSS:

.separate-containers .site-main, .separate-containers .inside-right-sidebar {
    margin-top: 0;
}

[Sars]

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

[Elvin]

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.:)

[Author]

Posts