[Debut Theme] White space under product photo

Highlighted
Tourist
4 0 0

Image (2).jpeg          Image (3).jpeg              Image.jpeg       

 (product page)                                        (product page)                                                      (scroll page)   

white space under product photo.JPG

                            

 

As you can see in the pictures, there is a lot of space in between. Especially when looking through my phone. Both on the scroll page (all products) and when you look at the product page itself. How can this be resolved?

0 Likes
Highlighted

Hello Vintagi,
Please share your site url.
So that i can check and let you know the exact solution here.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Highlighted

Hello Vintagi,
Your site is password protected.
Can you share your store password?

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Tourist
4 0 0

5DollarBill

0 Likes
Highlighted


Hello Vintagi,
To reduce white space under product photo of product page on phone.
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

 

@media only screen and (max-width: 749px){
.grid__item.product-single__media-group.medium-up--one-half .product-single__media {
    height: 50%;
}
}

 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Tourist
4 0 0

Image (3).jpeg

It's almost solved. Only this problem remains. See the white space in the photo. On the product page I keep seeing the area between the product name and price on my phone.

0 Likes