FROM CACHE - en_header

Dawn 2.0 theme: Reduce padding between header Rich text and images

Solved
NatashaSedge
Tourist
4 0 2

Hi, I'm looking to reduce the padding between the header and the multi banner that sits underneath. Can't find any code specifically for the Dawn theme. Thanks in advance 🙂 

Screenshot 2021-11-05 at 11.04.08.png

UKcapwell-uk.myshopify.com

https://tcm7f5cytlnvc3ot-60694790392.shopifypreview.com

bleelt

Accepted Solution (1)

Accepted Solutions
dmwwebartisan
Shopify Partner
10767 2345 3342

This is an accepted solution.

@NatashaSedge 

Add code Your assets/base.css bottom of the file. 

@media screen and (min-width: 750px){
#shopify-section-template--15344638755064__1635166643bb5fb915.spaced-section { margin-top: 2rem !important;}
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Replies 10 (10)
dmwwebartisan
Shopify Partner
10767 2345 3342

@NatashaSedge 

Please share your store URL!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
dmwwebartisan
Shopify Partner
10767 2345 3342

@NatashaSedge 

Add code Your assets/collage.css bottom of the file. 

@media screen and (min-width: 749px){
.rich-text--full-width.color-background-1, .rich-text:not(.rich-text--full-width) { margin-top: 2rem !important; margin-bottom: 2rem !important;}
}


@media screen and (min-width: 750px){
.rich-text--full-width.color-background-1, .rich-text:not(.rich-text--full-width) { margin-top: 2rem !important; margin-bottom: 2rem !important;}
.collage-wrapper.no-heading {margin-top: 2rem !important;}
}

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
NatashaSedge
Tourist
4 0 2

Hey, it has adjusted the padding above between the menu bar but not below. Thank you for your help so far!

dmwwebartisan
Shopify Partner
10767 2345 3342

This is an accepted solution.

@NatashaSedge 

Add code Your assets/base.css bottom of the file. 

@media screen and (min-width: 750px){
#shopify-section-template--15344638755064__1635166643bb5fb915.spaced-section { margin-top: 2rem !important;}
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
NatashaSedge
Tourist
4 0 2

Great thanks very much! 

angelaewingard
Tourist
13 0 1
Hi @dmwwebartisan was hoping I could get your help on something. 
I'm looking to be able to reduce the padding at the top of the home page. 
Also any advice on how to make the collection list at the top of my homepage show 4 across instead of 3.
 
 
PW: AOF2021

Its using the dawn theme. 
 
Thanks! 
Angie
 
 
 
dmwwebartisan
Shopify Partner
10767 2345 3342

@angelaewingard 

Please add the following CSS code to your assets/base.css bottom of the file.

@media screen and (min-width: 750px){
 #shopify-section-template--15372693078207__16432294096c84245e.spaced-section {
    margin-top: 0px !important;
}

#shopify-section-template--15372693078207__16432294096c84245e .collection-list-wrapper.no-heading {
    margin-top: 0px !important;
}
}

Thanks!

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
dmwwebartisan
Shopify Partner
10767 2345 3342

@NatashaSedge 

If helpful then please Like Solution

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
angelaewingard
Tourist
13 0 1