Help, I want to make all images in the product description responsive

[AhmedGhaziii]

Hello Shopify Community,

My website mobile friendly in all pages except the product page

this is how it looks when I enter products from mobile - the page will expand more than the mobile screen because of the product description contains a large picture

Here I cant view the cart on my menu left side - I have to zoom out to see it

this is when i zoom out

I need to put a code that force all pictures on product description to be responsive and not expand my page

or at least any solution that solve this

Product page link:

https://www.ebarza.com/collections/sofas/products/copy-of-pre-order-60-days-delivery-dali-4-seater-sofa-dali-005

[dmwwebartisan]

@AhmedGhaziii

Please add this code at the bottom of theme → edit code → assets → styles.css file.

.product_section table {
    width: 100% !important;
}

Thanks!

[AhmedGhaziii]

Update …

The problem its not from the images only the ( table ) is the main issue

check this example there is no image on the description but still the page expanded

and this is how pages must look like ( perfect product page )

[dmwwebartisan]

please try this css

.product_section table {
    width: 100% !important;
}

[AhmedGhaziii]

@dmwwebartisan THANKSS

You got it before i even explain correctly

Thanks soo much i wasted a lot of time and gave up :')

simple and clear solution

[AhmedGhaziii]

@dmwwebartisan
but still

some of the products still have the problem
it’s reduced but still existing

I’m using

Huwawi mate 20 pro

and Samsung Note 20

product link:

Shop Modern Furniture in Dubai & Abu Dhabi | ebarza Furniture

Also the collection page has the same issue

collection link:

https://www.ebarza.com/collections/lounge-chairs

[dmwwebartisan]

@AhmedGhaziii

Please add this css

@media only screen and (max-width: 798px){
table tr td, table tr th {
    width: auto !important;
}
.product_section table p {
    line-break: anywhere !important;
}
}

[AhmedGhaziii]

AMAZING.. WORKED !! THANKS

[AhmedGhaziii]

@dmwwebartisan

dear thanks for the previous help

now im facing this issue
product example:

https://www.ebarza.com/products/copy-of-spring-2-heads-hemp-rope-pendant-lamp-xx0055xx

how can avoid this