Large gaps with "Featured Product" - Narrative theme

[blisskare]

Hey Team,

I am seeing huge gaps on my Home page between "Featured collection" sections (I think there's lot of whitespace below). Please help me fix this. See the attached screenshot for reference. My website - www.blisskare.com 

[dmwwebartisan · Accepted solution]

@blisskare 

 1. In your Shopify Admin go to:  online store > themes > actions > edit code.

2. Find  Asset > theme.scss.liquid  and paste this at the bottom of the file.

@media only screen and (min-width: 750px){
.template-index .featured-collection { padding:30px 0 !important;}
.template-index .featured-collection .card-list { margin-bottom: 0px !important;}
}

Thanks!

[blisskare]

@dmwwebartisan Thank you so much!! ☺️ It worked and my website looks put together now! Thanks a lottttt! 

[blisskare]

Hi @dmwwebartisan , could you solve the whitespace issue for "Featured Collection" and "Collection list" in mobile mode as well? I am seeing a lot of whitespaces on mobile. It would be a great help!

[Zworthkey]

hii, @blisskare 
Paste this code on top of the theme.scss file.

@media only screen and (max-width: 749px) {
div#shopify-section-163263922433e2cbfc {
    margin-top: -220px !important;
}
}

Thank You.

[blisskare]

Hi @Zworthkey Thanks for your code. I used it but it didn't solve the gap issue. Could you please look into that?