Как закрепить footer в elementor WP?

Question

[shoer]

Добрый день.
Подскажите пожалуйста как закрепить footer при этом не привязываясь к кол-ву контента на странице в Elementor WP

На страницах с достаточным кол-ом контента footer отображается корректно, а на страницах с 1 разделом нет.

Answer 1

[maksam07]

jsfiddle.net/girishgowdayt/RUDWS

Comments

[shoer]

А без прилипания?) Просто что бы он был всегда внизу страницы, а не экрана.

[maksam07]

shoer, https://jsfiddle.net/g8wbud0v/

[shoer]

maksam07, не помогло :(

[maksam07]

shoer, вы же видите, что по тестам - все работает? Что из этого следует?)

[shoer]

maksam07, большое вам спасибо.
Не смог сделать вашим методом, но вы заставили меня поискать решения в интернете.
Воспользовался этим решением:

html {height: 100%;
}
body {min-height: 100%;
display: grid;
grid-template-rows: auto 1fr auto;
}

[maksam07]

shoer, в принципе тоже как один из вариантов. На одну задачу - куча реализаций.

[shoer]

maksam07, через элементор достаточно вставить в доп css

Answer 2

[Макс]

Ну а как вы хотите, у вас высоты колонки не хватает. Значит надо увеличить высоту до высоты экрана.

Comments

[shoer]

Прошу прощение, а как относится высота колонки к футору?

[maksam07]

shoer, футер становится после колонки. Чем меньше по высоте колонка, тем выше будет футер

[shoer]

maksam07, добрый день. Мой вопрос и заключается в то что возможно ли прикрепить footer к низу сайта через elementor универсальным способом, а не регулируя по отдельности все страницы.

[Макс]

shoer 1. Прилипание работает не во всех браузерах корректно. 2 Как вы представляете себе прилипание, если страница у вас имеет недостаточную высоту? Ну вот прилепите вы, а что должно будет показываться на странице, белый фон?
Футер является частью страницы. Увеличьте высоту страницы не по размеру контента, а 100%.
Если хотите разместить его строго внизу, используйте для футера абсолютное позиционирование.

[Макс]

shoer, shoer, то, что вы хотите сделать не является правильным решением для верстки. Высота страницы задается в основном шаблоне и применяется для всех последующих страниц. Она должна быть равна 100% с выравниванием по верхнему краю. Все, что вы потом создаете на страницах через элементор помещается в этот контейнер, поэтому высота страницы всегда будет размером с экран или больше.
Вы хотите прилепить футер, но при этом у вас будут проблемы с разными устройствами, на мобильном этот футер останется так же прилепленным и закроет пол экрана.
Прилипание в данном случае тоже скорее всего не сработает, высота всей страницы не позволяет прилепить. Это как разрезать лист А4, вырезать из него кусок и считать, что это лист А4.
Измените верстку основного шаблона, сейчас у вас высота равняется контенту.