Dawn theme: How to reduce the top padding?

Solved
earthtoplanet
Tourist
31 5 3

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 

Padding2.jpg

 

and here: https://earthtoplanet.com/collections/cartoons/products/the-depreciating-value-of-popcorn 

Padding1.jpg

Where can I control the top-padding?

Thank you!

 

Accepted Solution (1)

Accepted Solutions
earthtoplanet
Tourist
31 5 3

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;
} 

 

View solution in original post

Reply 1 (1)
earthtoplanet
Tourist
31 5 3

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;
} 

 

View solution in original post