Removing white spaces on the Debut theme - under slideshow and below main product image

[AliceDraws]

Can anyone tell me which bit of code I need to edit to remove the huge white space under the slideshow element, and under the main picture on each product - you have to scroll down lots to even see there are other product pictures.

Thanks

Alice

www.AliceDrawsTheLine.co.uk

[KetanKumar · Accepted solution]

Hello, @AliceDraws 

Welcome to the Shopify community!
and Thanks for your question.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.slideshow__text-wrap {
height: auto;
}

[AliceDraws]

Thank you so much for your quick response - that has sorted the issue with the gap under the slideshow, is it possible to do the same with the product images? it is a bigger issue on mobile than it is on desktop - on mobile there is a big white space under the main image before you see there are other product images to look through. It's there but less of an issue on the desktop. Thanks again, Alice

[cocoparis2207]

Hello Alice,

Did you find a solution? I copy paste the code but it didn't work for me... It looks terrible on phone device

Can you advice please?

xx

[AliceDraws]

Hi, I thought it had worked but it hasn't really and I'm tempted to get rid of the slideshow completely. On mobile it's a real issue with the product shots in the listings as there's such a big space before you get to the other images. I'd love to know if you find a solution.

Alice

[jeanedbourque]

I did something and completely messed up the lay of my store while attempting to eliminate the passing under slideshow. I don't know how to correct it if anyone could help. Ddigshop.com thank you

[KetanKumar]

@jeanedbourque 

Thanks for post

can you please share more issue screenshot 

[NiaM]

I'm having the same issue. There is a large white space between two section on my home page and I want to close up that space. Please let me know how to adjust. 

[NiaM]

Here is a screen shot. It probaly wont make sense because there is such a huge gap. My website is www.psalmandsanaa.com 

[KetanKumar]

@NiaM 

Thanks for store url.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.slideshow__text-wrap {
height: auto;
}