Плагин Table Press не применяет CSS для мобильных устройств ⇐ Html

[Anonymous]

Я создал таблицу размеров продукта с помощью плагина Table Press для Wordpress. Затем я создаю поп-музыку с помощью плагина Pop Maker и добавляю к ней таблицу. Затем я добавляю всплывающее окно в виде ссылки на страницу одного продукта на моем сайте.
Оно очень хорошо работает на настольном сайте и телефонах Android.
Вот как оно выглядит на телефонах Android:


А вот как оно выглядит телефоны:


Существует некоторый CSS, который я могу применить к таблицам напрямую через плагин Table Press, и я добавил код для обработки CSS для устройств. Вот CSS:

Код: Выделить всё

/* General TablePress styles for all devices */
.tablepress {
border-collapse: collapse;
width: 100%;
}

.tablepress th,
.tablepress td {
border: 1px solid #ddd;
padding: 8px;
font-size: 12px;
text-align: center;
}

.tablepress thead th {
background-color: #f2f2f2;
}

/* Mobile-specific TablePress styles */
@media (max-width: 768px) {
.tablepress {
overflow-x: auto;
display: block;
}

.tablepress th,
.tablepress td {
font-size: clamp(8px, 2.5vw, 12px);
/* Responsive font size */
padding: 3px;
white-space: nowrap;
}
}

/* Additional styling enhancements */
.tablepress tbody tr:nth-child(even) {
background-color: #f9f9f9;
/* Zebra striping */
}

.tablepress tbody tr:hover {
background-color: #e0e0e0;
/* Hover effect */
}

@media (max-width: 480px) {

.tablepress th,
.tablepress td {
padding: 3px;
/* Further reduce padding on very small screens */
}

/*
Since we are dealing with a size chart the third column is most likely
centimeters, so we will not hide it.
*/
/*
.tablepress th:nth-child(3),
.tablepress td:nth-child(3) {
display: none;
}
*/

}

.tablepress .highlighted-column {
background-color: #e8f5e9;
/* Light green background for highlighted column */
font-weight: bold;
}

.tablepress thead th {
font-weight: bold;
color: #333;
padding:  5px;
}

Код: Выделить всё

[url=https://timala.in/wp-admin/admin.php?page=tablepress&action=edit&table_id=sampoorna]Edit[/url]



BUST
WAIST
HIPS





inches
cms
inches
cms
inches
cms


S
35.6
90.5
28.5
72.5
33.3
84.5


M
36.6
93
29.5
75
34.3
87


L
37.6
95.5
30.5
77.5
35.2
89.5


XL
38.6
98
31.5
80
36.2
92


XXL
39.6
100.5
32.5
82.5
37.2
94.5


XXXL
40.6
103
33.5
85
38.2
97

Может ли кто-нибудь помочь мне сделать таблицу на iPhone похожей на таблицу на Android?

Подробнее здесь: https://stackoverflow.com/questions/795 ... for-mobile