Как сделать адаптивный футер, чтобы под него контент не убегал?и он на него не налазил?

Question

[Максим js]

Уже перепробовал разное позиционирование все равно футер на мобильных устройствах вылазит посередке над контентом( как сделать чтобы он появлялся только после прокрутки всего контента, ли бо если контента мало то просто был внизу? (касается только мобильных устройств)

.footer{
  box-shadow:0 0px 32px -12px #737373;
  background: #2d343d;
  color: #fff;
  padding:5px 0;
  width: 100%;
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

Для наглядности зайдите пожалуйста с мобильника на сайт Geekend.ru

Comments

[Алекс Глебов]

на флексах можно прибить, без абсолюта
falbar.ru/article/luchshij-sposob-prizhat-futer-is...

Answer 1

[Александр Епихин]

Как прижать футер к низу

Answer 2

[Andrew]

У вас на декстопе футэр находится где-то "не там"?

.footer{
position: static;
}

Comments

[Максим js]

то же самое