Hello, does anyone know a fix for this
Our pictures inside our tables are way to big, and goes outside the screen on the mobile
https://www.remlagret.se/products/drivrem-castelgarden-ct-17-5-102-h-tradgardstraktor
Hi @emilbrandon
I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.
Please add this css in your bottom of the css file:
@media (max-width: 719px) {
.tab-panel table img {width: 100%;}
}
Regards,
San
Hello @INA_MSWEB
Thanks for answering. this did not work, still the picture goes outside the table
To make image fit in mobile screen follow this steps:
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > theme.css and paste this at the bottom of the file:
.product__container table img{
width: 100% !important;
}
Hope this works well.
Best regards !
Hi @emilbrandon
Please replace this css in your bottom of the css file:
@media (max-width: 719px) {
.template-product .tab-panel table img {width: 100% !important;}
}
Regards,
San
Hello @INA_MSWEB thank you for answering, but i’m afraid our mobile still looks like this…
Thanks for trying!