footer (подвал) - на страницах с маленьким количеством контента

Как расширить зону компонента чтобы в случаях когда на странице мало контента

Работая с шаблоном sj_topdeal столкнулся с проблемой. 

На страницах в которых мало контента footer (подвал) не прижат к низу экрана а подтягиваеться вверх к контенту. При этом внизу экрана образовывается пустое белое поле.

Сайт на этих страницах на большом маниторе выглядит как обрубок.

Вот какое решение мы нашли

class="body-innerwrapper"

Дописываем 

display: flex;
flex-direction: column;
min-height: 100vh;

id="sp-main-body"

Пишеться оно в файле как #sp-main-body

Дописываем

flex:1;

+Image
+Image
Артем Владимирович Козырев
Проверенный источник
ОПУБЛИКОВАНО

  1. Комментарии (0)

  2. Добавить свои
  1. Старые первыми
  2. Новые первыми
  3. Больше всего нравится
Здесь ещё нет оставленных комментариев.

Оставьте свой комментарий

  1. Добавление комментария от гостя. Зарегистрируйтесь или войдите в свой аккаунт.
Background
Вложения (0 / 3)
Share Your Location