Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    May 2014
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Secondary menu not showing in Safari's Footer

    I have a problem with my website: Twisted Perfectionism - A Different Point of View

    I have this #secondary_nav which should appear at the bottom of the screen on mobile devices. It's working fine in both desktop Firefox and Chrome (if i resize the window), but in Safari (and other mobile browsers) 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!

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

  • #2
    New to the CF scene
    Join Date
    May 2014
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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/Pho...4_02_06_16.png


    Please help!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •