Remove Padding Onto of Featured Collection with Dawn Theme

[raresupply]

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!

 

[dmwwebartisan · 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!

[dmwwebartisan · 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!

[KetanKumar]

@raresupply 

sorry for that issue can you please share us store url

[dmwwebartisan · 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!

[raresupply]

Thank you very much!

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

[dmwwebartisan]

@raresupply 

Please share screenshot what do you want!

[raresupply]

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

[dmwwebartisan · 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!

[raresupply]

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 · Accepted solution]

@raresupply 

This is code customization work .

If helpful then please Like Solution