android - Site footer is shaky on my mobile device -
my website http://galnova.com/ has been given responsive upgrade. fine on browsers when @ on samsung device page wont scroll , shakes crazy. not find error in footer class or structure curious why happening.
<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 <a xmlns:cc="http://creativecommons.org/ns#" href="http://www.galnova.com" property="cc:attributionname" rel="cc:attributionurl">keith jeter</a> licensed under <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 work @ <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 top</a></p> <p>© 2015 galaxy supernova · <!--<a href="#">privacy</a> · <a href="#">terms</a>--></p> </div> </footer>
try adding defined height footer , report effects.
like so:
@media (max-width: 767px) footer { border-radius: 0!important; border: none!important; margin: 0!important; height: 400px; }
edit: disregard above; problem coming pirobox overlay plugin. css perspective, quick fix noticed add overflow: hidden
.piro_html
class in pirobox stylesheet reference, so:
.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; }
doing causes lose little "x" closure box, since can tap anywhere on exposed body copy escape lightbox, seems acceptable , clean solution. playing jquery code.
let me know if works you.
Comments
Post a Comment