Remove Padding Onto of Featured Collection with Dawn Theme

Solved
raresupply
Tourist
9 0 5

Hey all, 

Below I have attached an image of where I want to remove some padding, currently on my home page I have a little white section between the header and featured collection, I want to remove this so the header and featured collection pretty much have no area between them.

Thanks!

My website is RareSupply.co if you need it!

image.png

Accepted Solutions (3)

Accepted Solutions
dmwwebartisan
Shopify Partner
9765 2228 3064

This is an accepted solution.

@raresupply 

Please Go to Online Store->Theme->Edit code then go to assets/base.css ->paste below code at the bottom of the file.

#shopify-section-template--14194862161981__featured_products.spaced-section {
    margin-top: 0rem !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

dmwwebartisan
Shopify Partner
9765 2228 3064

This is an accepted solution.

@raresupply 

Please Go to Online Store->Theme->Edit code then go to assets/base.css ->paste below code at the bottom of the file.

 

@media screen and (min-width: 990px){
.header {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    position: fixed !important;
    width: 100% !important;
    z-index: 100 !important;
    background: #fff !important;
}
#MainContent{margin-top: 5rem;}
}


@media screen and (max-width: 989px) {
.header {
    position: fixed !important;
    width: 100% !important;
    z-index: 100 !important;
    background: #fff !important;
}

#MainContent{margin-top: 5rem;}
}

 

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

dmwwebartisan
Shopify Partner
9765 2228 3064

This is an accepted solution.

@raresupply 

This is code customization work .

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 →

View solution in original post

Replies 8 (8)
KetanKumar
Shopify Partner
24919 2497 9033

@raresupply 

sorry for that issue can you please share us store url

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
dmwwebartisan
Shopify Partner
9765 2228 3064

This is an accepted solution.

@raresupply 

Please Go to Online Store->Theme->Edit code then go to assets/base.css ->paste below code at the bottom of the file.

#shopify-section-template--14194862161981__featured_products.spaced-section {
    margin-top: 0rem !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

raresupply
Tourist
9 0 5

Thank you very much!

Are you also able to tell me how to make the heading sticky permanently?

dmwwebartisan
Shopify Partner
9765 2228 3064

@raresupply 

Please share screenshot what do you want!

 

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 →
raresupply
Tourist
9 0 5

I want my header to stay at the top of the webpage permanently and not disappear when I scroll.

 

Screen Shot 2021-10-28 at 6.18.05 pm.png

dmwwebartisan
Shopify Partner
9765 2228 3064

This is an accepted solution.

@raresupply 

Please Go to Online Store->Theme->Edit code then go to assets/base.css ->paste below code at the bottom of the file.

 

@media screen and (min-width: 990px){
.header {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    position: fixed !important;
    width: 100% !important;
    z-index: 100 !important;
    background: #fff !important;
}
#MainContent{margin-top: 5rem;}
}


@media screen and (max-width: 989px) {
.header {
    position: fixed !important;
    width: 100% !important;
    z-index: 100 !important;
    background: #fff !important;
}

#MainContent{margin-top: 5rem;}
}

 

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

raresupply
Tourist
9 0 5

Thank you so much!

Now lastly is there a code that I can use to hide the product price once it’s sold out?

dmwwebartisan
Shopify Partner
9765 2228 3064

This is an accepted solution.

@raresupply 

This is code customization work .

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 →

View solution in original post