Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 25, 2024 at 7:53 am #1472105
    xela

    Hello there :)
    Is it possible to have a “sticky” footer that is always visible and behaves like the “normal” one? …maybe as a layer or div above the main content?
    Thanks!

    November 25, 2024 at 9:14 am #1472112
    Guenni007

    Footer with #footer and #socket or only the #socket.
    By the way what you are talking about is a fixed positioning – sticky (as a css technical term) is something different.
    It will be difficult to move an entire footer (including the #footer with its widget content) to a fixed position without making it difficult to use on mobile devices.
    To have only the #socket in that position is easier to get:

    #socket {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 999;
}
    November 25, 2024 at 9:23 am #1472114
    xela

    it is just the socket and it seems to look good.

    What css can I add to just let it show that way on the “home”-page and “normal” on all other pages?

    November 25, 2024 at 9:45 am #1472116
    Rikard

    Hi,

    Please try this CSS instead:

    .home #socket {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 999;
}

    Best regards,
    Rikard

    November 25, 2024 at 9:51 am #1472119
    xela

    Thanks, that works fine

    November 25, 2024 at 1:25 pm #1472142
    Rikard

    Hi,

    Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘sticky footer’ is closed to new replies.