Снова sticky footer через CSS, на этот раз мобильный

sche

Гуру форума
Регистрация
16 Ноя 2017
Сообщения
162
Реакции
68
Добрый день! На сайтах реализован липкий футер (внизу страницы, когда мало контента, когда много - внизу всего контента) при помощи CSS, такой код:
#header,
#footer {
flex-shrink: 0;
}

main {
display: flex;
flex-direction: column;
height: 100vh;
}

#wrapper {
flex: 1 0 auto;
}
Но когда сайт переходит в мобильный режим (ширина окна меньше 767 пикс), появляется вот такая надбавка:
theme-22a380.css:1 @(max-width: 767px)
#footer {
z-index: 1 !important;
position: static !important;
и футер начинает парить над "донышком" при любом раскладе. Потыкался немного, но не разобрался, как поправить. Посоветуйте что-нибудь, пожалуйста (желательно, если можно, оставив CSS из-под первого спойлера).
 
Закомментируйте CSS код из второго спойлера. Вот так /* CSS код из второго спойлера */
 
Значит найдите источник кода и закомментируйте.
 
Значит найдите источник кода и закомментируйте.
Нашёл два попадания, убрал оба, не помогло. Сбросил кэш на сайте и в браузере - то же самое.
В полноэкранном также нормально, а в мобильном режиме - нет.

Значит найдите источник кода и закомментируйте.
Кстати, забыл добавить, что снятие галочек с этих параметров в инспекторе тоже ничего не делает.
 
Последнее редактирование модератором:
Назад
Сверху