Нижний колонтитул неправильно отображается в мобильных браузерах

Question

Я работаю над своим портфолио и сталкивался с проблемой при просмотре его в мобильном браузере. Вот сайт: http://attilakomaromi.ca/so_question/

Если вы прокрутите вниз, вы заметите, что нижний колонтитул раскрыт. Мобильные эмуляторы Chrome также отображают нижний колонтитул правильно. Тем не менее, при просмотре веб-страницы на реальном смартфоне нижний колонтитул можно прокручивать, но на странице будет защелкнуто скрытие, когда вы удалите палец с экрана (пожалуйста, взгляните на приведенную выше ссылку на своих телефонах, чтобы понять Эта проблема).

Вот репозиторий GitHub для моего сайта, если вам нужно более внимательно взглянуть на код: https://github.com/Twinbird24/portfolio-website

Answer 1

Добавить эту CSS, а затем попробуйте

@media (max-width: 480px) { 
    footer { 
     position: static; 
    } 
}