Footer fixed to the bottom ONLY IN MOBILE

[alver3000]

Im trying to create a fixed footer with this css in theme options

footer.x-colophon {
position: fixed;
width: 100%;
bottom: 0;
}

But also make fixed the footer at the bottom in desktop version … i need only for mobile version

Thanks in advance

[jade]

Hello Alver,

Try wrapping the code in a media query so that it will only take effect on mobile:

@media (max-width: 480px) {
    footer.x-colophon {
        position: fixed;
        width: 100%;
        bottom: 0;
    }
}

Hope this helps.