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

Тема в разделе "Верстка", создана пользователем sche, 9 июл 2018.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. sche

    sche Постоялец

    Регистр.:
    16 ноя 2017
    Сообщения:
    130
    Симпатии:
    45
    Добрый день! На сайтах реализован липкий футер (внизу страницы, когда мало контента, когда много - внизу всего контента) при помощи 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 из-под первого спойлера).
     
  2. $_Maclay

    $_Maclay Создатель

    Регистр.:
    5 май 2017
    Сообщения:
    36
    Симпатии:
    12
    Закомментируйте CSS код из второго спойлера. Вот так /* CSS код из второго спойлера */
     
  3. sche

    sche Постоялец

    Регистр.:
    16 ноя 2017
    Сообщения:
    130
    Симпатии:
    45
    В файле, путь к которому указывает инспектор, нет таких строк.
     
  4. $_Maclay

    $_Maclay Создатель

    Регистр.:
    5 май 2017
    Сообщения:
    36
    Симпатии:
    12
    Значит найдите источник кода и закомментируйте.
     
  5. ultra

    ultra говнодизайн. дорого

    Moderator
    Регистр.:
    15 ноя 2011
    Сообщения:
    224
    Симпатии:
    354
  6. sche

    sche Постоялец

    Регистр.:
    16 ноя 2017
    Сообщения:
    130
    Симпатии:
    45
    Нашёл два попадания, убрал оба, не помогло. Сбросил кэш на сайте и в браузере - то же самое.
    В полноэкранном также нормально, а в мобильном режиме - нет.

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