Large gaps with "Featured Product" - Narrative theme

Store Design
1

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

Screen Shot 2021-10-14 at 1.07.34 AM.png
Screen Shot 2021-10-14 at 1.07.34 AM.png3351×2013 523 KB

1 Like
2

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

1 Like
3

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

1 Like
4

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!

5

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.

1 Like
6

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