FROM CACHE - en_header

Large gaps with "Featured Product" - Narrative theme

Solved
blisskare
Excursionist
33 0 6

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

Accepted Solution (1)

Accepted Solutions
dmwwebartisan
Shopify Partner
11014 2377 3400

This is an 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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.

View solution in original post

Replies 5 (5)
dmwwebartisan
Shopify Partner
11014 2377 3400

This is an 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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.
blisskare
Excursionist
33 0 6

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

blisskare
Excursionist
33 0 6

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
Shopify Partner
5581 642 1512

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
Excursionist
33 0 6

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