Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1029110

    Hi,
    I recently added a sticky footer for my website with the following code:
    #footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 10000;
    }
    . However, On mobile view it looks really bad. How do I make it such that the sticky footer is only viewable on desktop and not on tablet and mobile views.

    Thanks for your help!

    #1029278

    Hey alsonjonsolutions,

    Try and use the following media query in place of your code:

    @media only screen and (min-width: 1024px)  {
    #footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 10000;
    }}

    Best regards,
    Jordan Shannon

    #1030853

    Thanks Jordan!

    It works!

    #1030932

    Hi,

    I’m glad to help. If you need anything else, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Sticky footer for only desktop view’ is closed to new replies.