1 reply [Last post]
dezaxatul
dezaxatul's picture
Offline
newbie
Romania
Last seen: 6 years 3 weeks ago
Romania
Timezone: GMT+3
Joined: 2014-05-16
Posts: 2
Points: 3

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; 
} [...] }

dezaxatul
dezaxatul's picture
Offline
newbie
Romania
Last seen: 6 years 3 weeks ago
Romania
Timezone: GMT+3
Joined: 2014-05-16
Posts: 2
Points: 3

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! Sad