Переключатель страниц, вид на мобильных устройствах

голоса: 0

Здравствуйте. Не корректно отображается переключатель страниц при просмотрах на мобильных устройствах, кнопки накладываются друг на друга. На главной корректно, начиная со 2 и последующие то что на картинке. Что и где нужно прописать в коде? За ранее благодарен.

| Автор: | Категория: Дизайн сайта
Изменение категории | | Автор: webanet
Ссылку на сайт уточните где увидеть проблему.
Yuri_Geruk,
Хотя бы так, это намного луше чем было. Спасибо большое

Ответов: 1

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

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

.pagesBlockuz1 {display: inline-flex;}

которые завернуть в подобное условие:

@media screen and (min-width: 320px) and (max-width: 360px) { .pagesBlockuz1 {display: inline-flex;} }

иного решения я пока не вижу в вашей ситуации.

| Автор:
Выбор ответа лучшим | | Автор: webanet
...