Bigger product images without changing text width or padding?

Solved
Highlighted
Tourist
5 0 0

Hi there,

I'm using the 'Debut' theme and would like the product images within the grid to be bigger and possibly, without changing the current padding or width of the text under the product images. This is mainly for mobile as I would like customers to see our products bigger. Preferably have the images big like the box highlighted blue:

bigger.png

My page: https://www.lklewd.com/

0 Likes
Highlighted

Hello ,

You can do like this:

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

@media only screen and(max-width:768px){
#AjaxinateLoop .small--one-half.medium-up--one-third {
    width: 100% !important;
}
}
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
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
5 0 0

Hi @oscprofessional , this didn't work since it causes the images to be 100% width in a single column. I would like it to still be a 2 column layout.

0 Likes
Highlighted

Success.

You want to increase height of product image?

Beacuse there is no space to make product image bigger.

So i have suggested to display one product.

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
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes