Re: Remove Padding Onto of Featured Collection with Dawn Theme

Solved

Remove Padding Onto of Featured Collection with Dawn Theme

raresupply
Excursionist
16 0 8

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)

dmwwebartisan
Shopify Partner
12321 2551 3715

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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

dmwwebartisan
Shopify Partner
12321 2551 3715

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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

dmwwebartisan
Shopify Partner
12321 2551 3715

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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 8 (8)

KetanKumar
Shopify Partner
36932 3642 11998

@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
12321 2551 3715

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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
raresupply
Excursionist
16 0 8

Thank you very much!

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

dmwwebartisan
Shopify Partner
12321 2551 3715

@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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
raresupply
Excursionist
16 0 8

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
12321 2551 3715

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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
raresupply
Excursionist
16 0 8

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
12321 2551 3715

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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app