Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hello, I'm using the Dawn theme and I've noticed on desktop there's a significant padding between the top nav and the body content.
Website: www.earthtoplanet.com
and here: https://earthtoplanet.com/collections/cartoons/products/the-depreciating-value-of-popcorn
Where can I control the top-padding?
Thank you!
Solved! Go to the solution
This is an accepted solution.
Figured out this one for myself. The solution was to add the following to the base.css:
For the Featured Collection:
#shopify-section-template--14244790960243__featured_products.spaced-section {
margin-top: 0rem !important;
and for the Product Page:
#shopify-section-template--14244791124083__main.spaced-section {
margin-top: 0rem !important;
}
This is an accepted solution.
Figured out this one for myself. The solution was to add the following to the base.css:
For the Featured Collection:
#shopify-section-template--14244790960243__featured_products.spaced-section {
margin-top: 0rem !important;
and for the Product Page:
#shopify-section-template--14244791124083__main.spaced-section {
margin-top: 0rem !important;
}
Hi,
This didn't work for me, unfortunately. Is there an updated code?
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025