Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
This is an accepted solution.
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!
This is an accepted solution.
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!
@dmwwebartisan Thank you so much!! ☺️ It worked and my website looks put together now! Thanks a lottttt!
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!
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.
Hi @Zworthkey Thanks for your code. I used it but it didn't solve the gap issue. Could you please look into that?
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024