Remove Padding Onto of Featured Collection with Dawn Theme

Store Design
1

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
image.png2870×1430 740 KB

2 Likes
2

@raresupply

sorry for that issue can you please share us store url

3

@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!

1 Like
4

Thank you very much!

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

5

@raresupply

Please share screenshot what do you want!

6

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
Screen Shot 2021-10-28 at 6.18.05 pm.png2298×746 202 KB

1 Like
7

@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!

1 Like
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?

9

@raresupply

This is code customization work .

If helpful then please Like Solution