Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 2, 2018 at 12:01 pm #1029110
    alsonjonsolutions

    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!

    November 2, 2018 at 6:53 pm #1029278
    Jordan Shannon

    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

    November 7, 2018 at 1:40 pm #1030853
    alsonjonsolutions

    Thanks Jordan!

    It works!

    November 7, 2018 at 6:48 pm #1030932
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

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