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!
