Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: Correctly size the main product image

Correctly size the main product image

avk9641
Excursionist
15 0 4

Hi,

 

I have been trying to resize the image in my main product (section-asset-main product) to match the width of the multi row image below (asset-component with image).

 

Also, when I resize the page, the main product image does not scale properly and is distorted with the text next to it, whereas the multi row images scale properly and the text to the right is contained.

 

Store link: https://jt9spsr02tizkasg-66469920945.shopifypreview.com

P/W: maongu

 

Help, with formatting the CSS code is much appreciated!

 

Screenshot 2024-08-05 at 12.25.22 PM.png

Screenshot 2024-08-05 at 12.25.34 PM.png

Replies 2 (2)

Artzen_tech
Shopify Partner
552 113 112

Hi @avk9641 
Its Artzen Technologies! We will be happy to help you today.

You can follow the below css which I have mentioned. And check the result.
1) Go to your Online Store
2) Edit Code
3) Find CSS File
4) Add the following CSS

or change the existing CSS code with the below code I have mentioned. This existing CSS is written in section-main-product.css you can update there, and if you don't find it their then add the below css which I have shared. 

@media screen and (min-width: 990px){
.product--large:not(.product--no-media) .product__info-wrapper{
  max-width: 33%!important;
}
}

Artzen_tech_0-1722945906604.png

 

If my solution helped you, then please mark it as accepted.

Let me know if need further assistance
Regards,
Artzen Technologies

 

If helpful, please Like and Accept this Solution to help others
Artzen Technologies | A Shopify Development Agency
WhatsApp - 9877983930

Book FREE CONSULTATION who want to migrate to Shopify or want to start an eCommerce business with Shopify
avk9641
Excursionist
15 0 4

that did not work