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

[sche]

Добрый день! На сайтах реализован липкий футер (внизу страницы, когда мало контента, когда много - внизу всего контента) при помощи 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 из-под первого спойлера).

 

[$_Maclay]

Закомментируйте CSS код из второго спойлера. Вот так /* CSS код из второго спойлера */

 

[sche]

Закомментируйте CSS код из второго спойлера. Вот так /* CSS код из второго спойлера */

В файле, путь к которому указывает инспектор, нет таких строк.

 

[$_Maclay]

Значит найдите источник кода и закомментируйте.

 

[ultra]

Для просмотра ссылки Войди или Зарегистрируйся

 

[sche]

Значит найдите источник кода и закомментируйте.

Нашёл два попадания, убрал оба, не помогло. Сбросил кэш на сайте и в браузере - то же самое.

Для просмотра ссылки Войди или Зарегистрируйся

В полноэкранном также нормально, а в мобильном режиме - нет.

Значит найдите источник кода и закомментируйте.

Кстати, забыл добавить, что снятие галочек с этих параметров в инспекторе тоже ничего не делает.