CSS Отзывчивый нижний колонтитул

Question

Большая часть сайта хорошо отображается во всех браузерах, включая мобильные, за исключением нижнего колонтитула.

В размерах 1600X900 нижний колонтитул отображается отлично. На сайтах, где высота разрешения ниже 900, нижний колонтитул исчезает. Я пробовал все, что мог придумать, чтобы нижний колонтитул «щелкнул» в нижней части экрана и, очевидно, вышел из сферы компетенции. Протестировано с использованием новейших Chrome и Firefox с похожими/одинаковыми результатами (это хорошо, я думаю, LOL).

Как получить нижние черные элементы в нижней части страницы?

URL сайта: http://bit.ly/1ro8FtA

Скриншот в разных измерениях: http://bit.ly/1uLGgNX

Answer 1

Если я правильно понимаю (если вы хотите, чтобы переместить колонтитула, а не вся черная область), попробуйте изменить CSS:

.agentpress-pro-black .site-footer { 
    background-color: #000000; 
    font-size: 16px; 
    padding: 40px 0; 
    text-align: center; 
} 

к этому:

.agentpress-pro-black .site-footer { 
    background-color: #000000;  
    font-size: 16px; 
    padding: 40px 0; 
    text-align: center; 
    width: 100%; /*new*/ 
    bottom: 0; /*new*/ 
    position: fixed; /*new*/ 
} 

ПРИМЕЧАНИЕ

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