White Space after removing header

I am working with Free Sydney theme.
I removed the header area by running this CSS

.site-header, .sydney-hero-area{
display: none;

But it left a white space between the top of the page and content as you will see in this image;

What can I do ? I tried some CSS but wasnt succesfull


It’s better if you hide the header area from the customizer > header area > header type

Thank you so much Awan
This worked for me

1 Like