Header White Space

Ive noticed on pages that don’t have the “Header Image” have a white space at the top of the page. I don’t want to use the header image because it doesn’t render properly on iPhones and iPads. However I don’t know how to make the white gap at the top go away.

Here’s a link to the site that I’m working on:


I hope you guys can help :slight_smile:


Can you let me know the password to enter your site? If you don’t want it to shared to public, you can send it to awan.rimbawan101 at gmail.

  • if you send me an email, please put the URL of this thread also.


Sorry about that. Each page is
"speaklife" all lower case

Thank you, Here is the CSS code to remove the white space:

.site-content {
    margin-top: 50px !important;

.single-post .site-content {
    margin-top: 70px !important;

You can put the code to: Customize > Additional CSS.


Thank you!!! That fixed it!