Question

Здравствуйте. Частенько что-то изменяю на страницах модулей и в итоге не замечаю как перестаёт адаптироваться меню к мобильным экранам. Вот например тут http://gymbalance.ru/photo/ что я сломал? Как поправить, чтобы в мобильном виде опять появлялись три чёрточки?

Answer 1

Работает меню в фотоальбоме:

если искажается, так это кеш, стоит обновить страницу и меню появляется.

Comments

Да, после обновления страницы всё хорошо, но почему при изменении экрана без перезагрузки не происходит адаптация меню?   А как белый пробел после 4 блока убрать? Почему он там возникает?

---

Andrey Filimonov,

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

---

Yuri_Geruk,

Спасибо) а что с пробелом можно сделать?

---

Andrey Filimonov,

В файле стилей - http://gymbalance.ru/stili.css найдите строку номер 1386:

    .caption-style-3 li{
        display: inline-block;
        float: left;
        padding: 0px;
        position: relative;
        overflow: hidden;
    }

красное удалить и зеленое добавить, это решит проблему.

---

Yuri_Geruk,

Большое спасибо) Я думал у модуля фотоальбом своя таблица стилей. Она работает как продолжение основной? У меня некоторые стили прописаны и в основной таблице и в таблице фотоальбома, надо удалить один из вариантов? Из основной?

---

Andrey Filimonov,

Для фотоальбома так и есть, если нужно что-то изменить, нужно перебивать импортантами прописывая уже в свою основную табилцу стилей. Удалять не нужно, вот если стили друг друга полностью дублируют, тогда да, в ином случае можно просто поправить и добписать необходимые стили к основному классу, а дубль удалить.