[Resolved] sticky footer

[Patricia]

hello,

As there’s the sticky menu option, how can we make the footer also sticky? The problem is that if you have activated the infinite scroll posts, and you want to reach the footer in order to see the privacy policy (for example) it’s really hard, almost impossible, to reach.

thanks

Patricia

[David]

Hi there,

you could try this CSS:

@media (min-width: 768px) {
    .site-footer {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
    }
    #page {
        margin-bottom: 150px;
    }
}

[Patricia]

hi!

it works but it takes most of the screen are in the mobile version. How would that code by just for desktop??

thanks

[David]

I edited the code above to include it within a media query it will work on tablet and desktop. You can increase the min-width: 768px; to a higher break point if you wish.

[Patricia]

thanks!!!

[David]

You’re welcome

[Author]

Posts