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

Solved
Tourist
6 0 2

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

Shopify Partner
11755 1445 4236

This is an 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;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Tourist
6 0 2

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

New Member
2 0 0

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

0 Likes
Tourist
6 0 2

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

0 Likes
Tourist
10 0 1

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

 

Shopify Partner
11755 1445 4236

@jeanedbourque 

Thanks for post

can you please share more issue screenshot 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Excursionist
14 0 3

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. 

0 Likes
Excursionist
14 0 3

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

 

NiaM_0-1603472878636.png

 

0 Likes
Shopify Partner
11755 1445 4236

@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;
}

 

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes