Yet an other problem with too big Product image in the Boundless Theme

Highlighted
New Member
4 0 0

Hi Guys! 
I am brand new here and in love with the free Boundless theme.
As I can see, many has had problems with the boundless theme's product image being to large and filling up the entire screen. 

Well a found halfway solution to this problem and I am now hoping that you can help me with the other half.

First of, I went into assets -->  theme.scss.liquid and found this peace of code, where I change the width from 100% to 50%.
shopify.png

The image is now a "okay" size, but there is a lot of space between the image and the buy options, as illustrated here:
shopify.png
How do I fix this and also center the image?

Thanks in advance! - From a nobbie Scandinavian Noob!

0 Likes
Shopify Expert
2123 354 445

Hi @Spectruminal12 

Send me your store url so i can check

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Shopify Expert
2123 354 445

Add this css:

    @media only screen and (max-width: 767px) {
        .product__photo--single img{ width:100%;}      
    }
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes