How can I center an image on my product page? (see screenshot)

[snugger-6089]

How can I make sure this image is centerred on both mobile and desktop?

[ZestardTech]

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

[Moeed]

Hey @snugger-6089

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

[snugger-6089]

I sent you a dm

[Moeed]

Hey @snugger-6089

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[ZestardTech]

Hello @snugger-6089

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

div#shopify-section-template--17962185883914__e043b5df-b413-4a00-94bf-0b8d131645f7 .grid--2-col-tablet {
display: flex;
align-items: center;
justify-content: center;
}
div#shopify-section-template--17962185883914__e043b5df-b413-4a00-94bf-0b8d131645f7 .grid--2-col-tablet .image-with-text__text-item.grid__item {
display: none;
}
div#shopify-section-template--17962185883914__e043b5df-b413-4a00-94bf-0b8d131645f7 .grid--2-col-tablet .grid__item {
width: 100%;
max-width: 50%;
}