Избавление от пробела ниже нижнего колонтитула в мобильном телефоне

Question

Клиент не хотел иметь отзывчивость с веб-сайта, поэтому мы полностью удалили отзывчивость из темы Wordpress, основанной на загрузке. Теперь веб-сайт смотрит, как он выглядит на рабочем столе. Тем не менее, на странице корзины, так как нет большого количества элементов контента или div, страница заканчивается очень скоро, тем самым создавая пустое пространство, которое выглядит не очень хорошо.

Я разместил снимок экрана ниже. В конце есть фиксированный нижний колонтитул, он также не отображается на этой странице. Любые советы будут оценены.

Я дал эти два в заголовке.

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<meta name="viewport" content="width=device-width" /> 

EDIT: Из-за не имея достаточного содержания на этой конкретной веб-страницы для мобильных устройств отображает это поведение по умолчанию показывать пустое пространство. Это можно решить, получив min-height.

Answer 1

Как вы уже упоминали, нижний колонтитул позиционируется как фиксированный, вам необходимо установить нижнее свойство стиля на 0 [bottom: 0! Important], и вам нужно реализовать медиа-запрос, чтобы он был реализован только для мобильных устройств это происходит только при открытии веб-сайта на мобильных устройствах.

Так я мог бы рассмотреть вопрос о добавлении следующего кода в custom.css

/* Smartphones (portrait and landscape) ----------- */ 
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { 
/* Styles */ 
/* footer class or footer id */ 
.footer-class { 
bottom: 0 !important; 
} 
} 

Answer 2

Проверьте, есть ли код (например, .js), которые манипулируют вид. В моем случае такое поведение было вызвано анимацией (bounceInUp, bounceInDown)