Нижний колонтитул сайта неактивен на моем мобильном устройстве

Question

Мой сайт http://galnova.com/ только что получил отзывчивое обновление. Это нормально в браузерах, но когда я смотрю на него на своем устройстве samsung, страница не будет прокручиваться, и это трясет как сумасшедший. Я не мог найти ошибки в классе нижнего колонтитула или самой структуры, но мне любопытно, почему это происходит.

<footer> 
<div class="wrap"> 
<a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/deed.en_US"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-nd/3.0/88x31.png" /></a><br />This work by <a xmlns:cc="http://creativecommons.org/ns#" href="http://www.galnova.com" property="cc:attributionName" rel="cc:attributionURL">Keith Jeter</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/deed.en_US">Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License</a>.<!--<br />Based on a work at <a xmlns:dct="http://purl.org/dc/terms/" href="http://www.galnova.com" rel="dct:source">http://www.galnova.com</a>.--> 

<p class="pull-right"><a href="#">Back to top</a></p> 
<p>&copy; 2015 Galaxy Supernova &middot; <!--<a href="#">Privacy</a> &middot; <a href="#">Terms</a>--></p> 
</div> 
</footer> 

Answer 1

Попробуйте добавить определенную высоту к нижнему колонтитулу и сообщить о результатах с любыми эффектами.

Подобно:

@media (max-width: 767px) 
    footer { 
    border-radius: 0!important; 
    border: none!important; 
    margin: 0!important; 
    height: 400px; 
} 

---

РЕДАКТИРОВАТЬ: Игнорирование выше; проблема исходит от плагина Pirobox overlay. С точки зрения CSS, быстро исправить, я заметил, чтобы добавить overflow: hidden к .piro_html класса в Pirobox stylesheet you reference, например, так:

.piro_html { 
    position: absolute; 
    top: 0; 
    left: 0; 
    padding: 0; 
    width: 500px; 
    height: 500px; 
    margin: 0; 
    display: block; 
    padding: 0; 
    z-index: 150001; 
    padding: 0; 
    overflow: hidden; 
} 

Делая это заставляет вас потерять немного «X» закрытия окна, но так как вы можете нажмите в любом месте открытой копии тела, чтобы избежать лайтбокса, что кажется приемлемым и чистым решением. Вы также можете посмотреть игру с кодом jQuery.

Дайте мне знать, если это сработает для вас.