Archived topic

sticky footer

5 replies · Started by Patricia on September 10, 2018

Viewing posts 1–6 of 6

September 10, 2018 at 6:47 am #673210

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

September 10, 2018 at 7:08 am #673221

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;
    }
}

September 10, 2018 at 7:14 am #673231

hi!

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

thanks

September 10, 2018 at 7:25 am #673238

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.

September 10, 2018 at 8:57 am #673416

thanks!!!

September 10, 2018 at 9:01 am #673421

You're welcome

This archived topic is closed to new replies.

Start building better websites today.