Removing white space from product page

glamsauce
New Member
3 0 0

I have been trying to remove the large white space between my main product photo and my slide of other images. I tried inspecting and finding a code. I cannot find the file anywhere. I fixed it in Inspector but I'm unable to find it in my Shopify. I have the Shopify Theme Search ext. on my Google. Please help! Here is a link to see it 

https://www.glamsauce.com/products/mauve-a-has-arrived-mattesauce

0 Likes
dmwwebartisan
Shopify Partner
4416 993 1269

@glamsauce 

Can you please provide a screenshot of which gap you want to remove?

 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
suyash1
Shopify Partner
1978 200 303

@glamsauce - actually your slider is adjusting the space as per the images sizes which you see after you hover over it, so the space needed to show the biggest image from thumbnails is been left under sliding image, to remove that space, I recommend to add images of same height width, otherwise if we do it using css then it will overlap like this

 

suyash1_0-1613446293217.png

 

you are welcome to contact me.
My email - suyash.patankar@gmail.com

#1 page builder app on Shopify - for FREE! PageFly
0 Likes
glamsauce
New Member
3 0 0

Screenshot_20210215-225230_Chrome.jpg

0 Likes
dmwwebartisan
Shopify Partner
4416 993 1269

@glamsauce 

Please add the following code at the bottom of your assets/theme-style.scss.css file.

 

@media only screen and (max-width: 767px){
.product-img-box .slider-for .thumb {height: auto !important;}
}

 

 

Hope this helps.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
glamsauce
New Member
3 0 0

I removed the larger image and it's still showing that large space. I have a theme I purchased from Halo Themes and it's called Cospora. I've been having a hard time with it lately and I've honestly been considering switching the theme to see if I have the same issues. I'm just resizing and making sure every photo is the same size. My editor is helping me so I'm waiting on that. 

0 Likes
suyash1
Shopify Partner
1978 200 303
sure, try by setiching too, so we get to know if it is theme issue or image
issue
you are welcome to contact me.
My email - suyash.patankar@gmail.com

#1 page builder app on Shopify - for FREE! PageFly
0 Likes