В теме одно сообщение

[pasha00]

Добрый день!
На сайте в разделе доставка мы используем таблицы для указания условий доставки:
https://ten-spb.ru/page/dostavka
При уменьшении ширины экрана (например, при просмотре на смартфоне) таблица остается неизменной, и не помещается в экран. В итоге часть таблицы не видно.
Как сделать таблицу адаптивной, чтобы она была видна при любой ширине экрана?
Аккаунт 102360

[Vaccina]

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

@media all and (max-width: 481px) {
img {height: auto!important;}

замените на:

@media all and (max-width: 481px) {
.htmlDataBlock table {width: 100% !important;}
img {height: auto!important;}