Проблема со стилями в мобильной версии сайта

голоса: 0

Добрый день.

Возникла проблема с CSS в мобильной версии сайта: появился лишний отступ слева в разделе Видео (главная страница, разделы и категории) - https://pastenow.ru/2358a0597f6b857daa3f6d0389e859b4 . Проблема в том, что строки 214, 215 в CSS .uMenuV li, .uMenuV ul {list-style:none;padding-left:0px!important;}ul,li {padding-left: 20px!important;} нельзя убрать, так как они одновременно отвечают за корректное отображение li на всех страницах мобильной версии сайта.

Проблема в разделе видео. В то же время с аналогичными стилями в шаблоне в разделе Новости такой проблемы не возникает.

Подскажите, пожалуйста, можно ли как-то исправить данную ошибку, чтобы пари этом отображение li на всех страницах мобильной версии сайта не пострадало.

Закрыто с пометкой: Вопрос решен!
| Автор: | Категория: Дизайн сайта
Закрыт | | Автор: Yuri_Geruk

Ответов: 1

Голоса: +1
 
Лучший ответ

В пда стили пропишите такую строку:

ul#uEntriesList{padding: 0!important;}

это исправит вашу проблему.

| Автор:
Выбор ответа лучшим | | Автор: Андрей777
Сдвинулось влево немного, но не полностью. Нужно так, как в разделе Новости (изображение полностью прилегает к левому краю экрана).  Возможно, еще мешает строка 216 в CSS ?
Андрей777,

В стили PDA дописать строку:

#uEntriesList .entryBlock {display:inherit!important;}

Yuri_Geruk,
К сожалению, ничего не изменилось.
Андрей777,
Изменилось, кеш в браузере нужно очистить https://ukit.com/ru/help/kak-ochistit-cahe
Yuri_Geruk,
Да чистили уже несколько раз + пробовали с разных устройств.  Слева нет прилегания к экрану ни изображения, ни рекламного блока - https://pastenow.ru/c79a8bf7a26443772cd652977f651bab
Андрей777,

Первую строку которую я предлагал, поправьте ее и замените на:

ul#uEntriesList,ul#uEntriesList li{padding: 2px!important;}

это должно убрать отступ.

Yuri_Geruk,
Оставили только лишь строку ul#uEntriesList,ul#uEntriesList li{padding: 2px!important;} . Это помогло решить проблему.  Спасибо!
...