How can I make a product description table responsive on mobile?

i am phasing an issue as is shown in the attached image.

the table in the product description is not responsive to mobile phone size,

this is the link of the product for example:

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

any help or suggestions to make?

@Turbox2 @ThemeIM @themer @Anonymous @thememove @Anonymous

1 Like

@Dawoud

We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?

Thank you for your reply, while i was looking for the answer we found the missed code i will share it with you and the community to spread the knowledge

The cod it in assets > style.scss.liquid

just search for β€œ/* product description table
================================================== */”

and add the code

th, td, tr{

style="overflow-x:auto;
border-collapse: collapse;
text-align: left;
width: 100%
padding-top: 0px;
padding-bottom: 0px;
}

@KetanKumar

1 Like

@Dawoud

yes may be work but i can’t see that issue