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 / 3)
Share Your Location