Debut Theme- Spacing issue on product pages

Solved
embroiderysage
Excursionist
43 1 16

Hi!

I have a large space between my main product photo and the smaller (scrolling/extra images below) on both the desktop and mobile view. Please help fix!!

URL: https://embroideryandsage.com/collections/shop/products/diy-embroidery-kit-cactus-garden

Thanks!!

 

Screen Shot 2021-04-28 at 12.31.25 AM.png

dmwwebartisan
Shopify Partner
5803 1330 1703

This is an accepted solution.

@embroiderysage 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.product-single__media {height: auto !important;}

Hope this works.
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
KetanKumar
Shopify Partner
17070 1851 6393

@embroiderysage 

sorry for this issue, yes please add this code 

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

.product-single__media {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
embroiderysage
Excursionist
43 1 16

Thank you so much for your quick reply, that worked perfectly! 

0 Likes