Re: Dawn theme: How to reduce the top padding?

Solved

Dawn theme: How to reduce the top padding?

earthtoplanet
Explorer
46 6 8

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)

earthtoplanet
Explorer
46 6 8

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

Replies 2 (2)

earthtoplanet
Explorer
46 6 8

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

 

elya
Visitor
2 0 0

Hi,

 

This didn't work for me, unfortunately. Is there an updated code?