Question

Добрый день. Вчера заметил что на адаптивном шаблоне две страницы моего сайта неправильно отображаються на мобильных стройствах:  1) https://seobiznes.net/forum/0-0-1-35  https://ibb.co/SnSjCHJ  2)https://seobiznes.net/forum/0-0-0-6  https://ibb.co/3WbpGH3  Подскажите что нужно справить.  Шаблон покупал в панели управления ucoz. Очень много ошибок. Уже штук 5 исправил, но вот нашлось ещё две. Не понимаю зачем продавать не доработанные шаблоны!

Answer 1

Список пользователей ломается так как таблица большая в списке и много колонок, если уменьшить количество колонок, вопрос с адаптиностью решится.

Можно немного поправить стилями, например такими:

@media screen and (min-width: 240px) and (max-width: 650px) { [class="uTable user-list"] tr {display: grid;} .uTd {text-align:center;} }

Comments

Куда эти стили вставлять?  А страница поиска на форуме?

---

Андрей Бот,

В таблицу стилей CSS в самый низ новой строкой.

---

Yuri_Geruk,

Ужасно не красиво получается.

---

Yuri_Geruk,

А вторую страницу как исправить?

---

Андрей Бот,

Мы вас понимаем, но как вам было сообщено, адаптивность данной таблицы не задумана, уменьшите количество колонок для отображения и будет все хорошо.

---

Yuri_Geruk,

Я не знаю как уменьшить таблицу это раз! А во вторых как исправить страницу "Поиск по форуму" там таблицы нет, но она тоже отображается не правильно!!!

---

Андрей Бот,

По форуму можно решить примерно такими стилями:

@media screen and (min-width: 240px) and (max-width: 650px) {select.searchForumsFl,td.gTableBody1 input.searchQueryFl,.forumContent .gTableTop {max-width: 300px;} }

---

Yuri_Geruk,

Хорошо. Спасибо большое!!!

---

Андрей Бот,

Список пользователей на форуме можно попробовать как-то так улучшить, скрыть лишнее:

@media screen and (min-width: 240px) and (max-width: 650px) {table.uTable.user-list tr td:nth-child(2),table.uTable.user-list tr th:nth-child(2),table.uTable.user-list tr td:nth-child(5),table.uTable.user-list tr th:nth-child(5),img[src="/.s/img/ma/uid.gif"] {display:none}}

 

---

Yuri_Geruk,

Спасибо большое. Вы мне очень помогли!!!