• Hi all,

    My fixed footer is covering parts of my page content when I scroll in a “restored down” view and as such on mobile devices.

    lukeestevan.co.uk

    I’ve tried all sorts to sort this out but nothing is working. Can anyone see from my code what the problem is?

    I’ve only been playing around with html and css for about a week so please be gentle.

    Many thanks.

Viewing 14 replies - 16 through 29 (of 29 total)
  • Thread Starter Luke Estevan

    (@luke-estevan)

    <div class=”wrap”>

    that is without the ?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Close off your CSS comment:

    /* IE 6 and down:

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    that is without the ?

    Yes.

    Thread Starter Luke Estevan

    (@luke-estevan)

    ok … wierdly when the browser is restored down and on my mobile the footer is sat in the middle of the page contents.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    First start with removing that 100% height on the container. Follow the tutorial, it doesn’t have that.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    My mistake, the tutorial has that 100% height, but are you trying to work for IE6?

    Thread Starter Luke Estevan

    (@luke-estevan)

    #container {
    height:100%;
    }

    is for ie6 isn’t it?

    Thread Starter Luke Estevan

    (@luke-estevan)

    ha … no i’m not. have removed it.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    In your stylesheet, replace this:

    #footer {
       position:absolute;
       bottom:0;
       width:100%;
       height:60px;   /* Height of the footer */
       background:#6cf;
    }
    
    .wrap {
     position: initial;
    }

    With this:

    @media all and (min-width: 767px) {
     #footer {
       position:absolute;
       bottom:0;
       width:100%;
       height:60px;   /* Height of the footer */
       background:#6cf;
     }
    }
    
    .wrap,
    #footer {
     position: initial;
    }

    Thread Starter Luke Estevan

    (@luke-estevan)

    as far as i can tell i’ve followed the tutorial completely and your instructions. the footer is still stuck on the page. especially evident on my client area page.

    Thread Starter Luke Estevan

    (@luke-estevan)

    hmmm … bit evasive

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Clear your cache?

    Thread Starter Luke Estevan

    (@luke-estevan)

    yeah … it’s pretty good. thank you very much … will have a play around to get the heights right but it’s responding well.

    Really appreciate your help. Thank you.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I’m surprised you think I was being evasive. I have literally spent the past hour responding to you and responding frequently.

    As you seem to have an extraordinary high expectation of the level of support you should receive, to say that within 10 minutes of my absence, you really should seek support at WP Jobs. That level of support in these volunteering forums is completely unrealistic and is only insulting to the people spending their free time trying to help people here.

Viewing 14 replies - 16 through 29 (of 29 total)
  • The topic ‘Fixed Footer covering content’ is closed to new replies.