White space underneath product images and product + name and price mobile.

Solved
QuestionWhiteSp
Tourist
4 0 2

Hi all,

 

Annoying issue on the Debut theme, that multiple seem to have issues with. Shop is "deducted due to solution found". See screenshot: 

Screenshot 2021-02-03 at 21.43.11.png

 

Could use some help fixing this, I've tried other fixes from the forum but nothing seemed to fix it! 

 

EDIT: Issue dissapears when using 2 thumbnail photos, instead of 3. Once it's 3 or more (slideshow) the issue arrises.

 

 

0 Likes
neeravmakwana
Shopify Partner
164 29 32

Welcome to Shopify Community!

Can you please add this code to the end of your theme.scss.liquid file:

@_media only screen and(max-width:768px){
.slick-slide {
float: left;
height: 20%;
min-height: 1px;
}
}

 

0 Likes
QuestionWhiteSp
Tourist
4 0 2

Hi Neerav,

 

Thanks for the warm welcome! I added the code but it doesn't seem to solve the issue just yet..

0 Likes
neeravmakwana
Shopify Partner
164 29 32

This is an accepted solution.

OK, can you try searching for .slick-slide { (without the max-width... which you just added) and try changing the height to 20%.

QuestionWhiteSp
Tourist
4 0 2

Legendary stuff mate! Thanks a lot, that fixed it.

If you want to pick one of our charity partners, I'll personally double the amount we'd normally donate to them for this week as a thank you sign! 

neeravmakwana
Shopify Partner
164 29 32

I'm glad it worked. And this is a lovely gesture! I would like to pick Joy of a Toy.

Good luck with your store! Cheers.

0 Likes
QuestionWhiteSp
Tourist
4 0 2
Joy of a toy it is. Have a good one!