Why are my product images not centered on mobile?

Shopify Discussion
1

Hello Y’all,

On my mobile website, i noticed that my product images are aligned to the left. They look great on the desktop site. Would anyone be kind enough to help me center the images? :slightly_smiling_face:

site: purosantojitos.com

theme: venture

2

Hi There!

I see that you’ve disabled any Inspect Element functionality here. Would need this to be able to provide you with a solution here.

Cheers!

1 Like
3

@JHKCreate Hello, Sorry about that. We’ve had someone steal our images and reuse them to promote their products. I have disabled the anti-theft, so you should be able to inspect now. Thank you!

4

Add the following code:

@media only screen and (max-width: 749px)
{
.photos__item.photos__item--main {
    width: 92%!important;
}
}
1 Like
5

@JHKCreate @Sorry, where would I add this code? In theme.scss ?

6

Yes exactly