Fri, 2014-05-16 22:53
The site in question is: http://www.twisted-perfectionism.com
I have this #secondary_nav which should appear at the bottom of the screen on mobile devices. It's working fine in both Firefox and Chrome, but in Safari it doesn't appear at all. Using Developer Tools I can see that it is placed correctly but it's invisible. I'm a newbie.. Please help!
@media only screen and (max-width : 880px) { [...] #secondary_nav { width: 100%; height: 12px; padding-top: 16px; position: fixed; bottom: 0; left: 0; right: 0; background: url(../images/trans.png) repeat; } #secondary_nav > ul { clear: left; float: left; margin: 0; padding: 0; position: relative; left: 50%; text-align: center; display: block; } #secondary_nav > ul > li { width: auto; display: block; clear: none; float: left; list-style: none; position: relative; right: 50%; } #secondary_nav ul li ul { left: 0; margin-right: 0; } #secondary_nav ul li ul li a { text-align: left; } [...] }
Fri, 2014-05-16 23:59
#1
I've managed to fix the issue
I've managed to fix the issue by removing
overflow: auto;
from #control
The footer appears now, but on iOS, when scrolling down, the iOS bottom bard disappears and the footer doesn't come down until i take my finger off the display.
See screenshot: http://s29.postimg.org/7r49yfzc7/Photo_17_05_14_02_06_16.png
Please help!