Product image container on mobile view

Store Design
,
1

Hello,

I would like to adjust the height of the image container on the product page on mobile view. It is too big and it covers all the display so the product name is not showing, as you can see in the following image (this is my actual store):

IMG_5048.PNG
IMG_5048.PNG1179×2556 172 KB

I would like it to look like that:

IMG_5051.PNG
IMG_5051.PNG1179×2556 185 KB

Really looking forward to any help.

Thank you!

2

Hey @alemidnight

Your store is password protected, can you please share the password as well?

Best Regards,

Moeed

3

Hello,

Password is: pwd

4

Hello,

Website URL is https://midnightclo.myshopify.com/

5

Hey @alemidnight

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:

Moeed_0-1727785103977.png
Moeed_0-1727785103977.png385×683 58.2 KB

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

Best Regards,
Moeed

6

Thank you,

Does this allow automatic alignment of the image? Because the space above the t-shirt seems a little bit bigger than the space under the t-shirt.

7

Hello,

The images are now cutted.

Is there a way to adapt them to the new size of the container?

Thanks