how to remove Blank Space above header?

It looks like you’ve already resolved the header/footer spacing on your life site. If you have any other questions, please let me know.

I need help doing this too, can anyone shed some light on it?
Thanks!

@bntabor – can you share a link to the website you are having issues with?

@melinda – I finally got it figured out. Changing
.site-container {margin: 60px auto;}
to
.site-container {margin: 0px auto;}
removes the dead space at the top and bottom.
Thank you for responding! ??

I also need help removing the extra space above my headers. My site URL is https://solarchefs.com/compare-solar-cookers/ Thank you for your time. Ray

I forgot to mention I am using a child theme off of the storefont theme

Hi @chttkns58!

The majority of the space above your logo is because of the “Secondary navigation” section, which contains your phone number and shopping cart items.

There is a small bit of padding above your logo, which you can remove if you’d like.

Add/edit the following code in your child theme. You can change the padding-top (which is the first number, the 1em) to smaller value, or set it all to 0.

.site-header {
    padding: 1em 0 0;
}

Hope this helps!

Melinda @melindahelt ,

You must be a wizard! Could you help me with the same issue on my new site I am designing?
ourfamilypassport.com

Thank you so much!