Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 9, 2019 at 6:17 pm #1051977
    ak-muc

    Hi,

    ist this very nice footer/socker effect possible with enfold?
    the content overlaps sticky footer and socket while scrolling over.

    Uncovering Projects

    Wooden House

    content is with this css code below footer and socket.
    i want to have it like in the link above.

    #footer {
    padding: 15px 0 30px;
    position: fixed;
    width: 100%;
    z-index: 1;
    bottom: 45px;
    }

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

    • This topic was modified 5 years, 10 months ago by ak-muc.
    January 10, 2019 at 12:05 pm #1052300
    Nikko

    Hey ak-muc,

    Can you give us a link to your site? maybe we just need to add a few more css to achieve the same results as on the links you gave.

    Best regards,
    Nikko

    January 10, 2019 at 12:44 pm #1052317
    ak-muc
    This reply has been marked as private.
    January 12, 2019 at 3:05 pm #1053110
    Basilis

    Hi,

    Updated the CSS code, please do check it now.

    Best regards,
    Basilis

    January 12, 2019 at 3:17 pm #1053119
    ak-muc

    Thank you very much, but i cant see anything!? my css code above does not work. i tried to get same “content scrolls over sticky footer and socket” effect like in the link from dessau theme.

    January 16, 2019 at 1:36 am #1054449
    Basilis

    Hi,

    Could you please clear your cache and check it please?

    Best regards,
    Basilis

    January 16, 2019 at 1:44 am #1054454
    ak-muc

    Hi,

    i did that 3 times and last CSS code i can see is this:

    .av-main-nav ul li a {
    border-right-style: solid;
    border-right-width: 0px;
    border-left-style: solid;
    border-left-width: 0px;
    }

    and i cant see footer effect like in dessau theme!?

    January 17, 2019 at 6:08 pm #1055096
    Nikko

    Hi ak-muc,

    I have added this css code on top of Quick CSS:

    #footer {
    min-height: 268px;
}

#footer .container {
    position: fixed;
    bottom: 54px;
}

#socket {
    min-height: 54px;
}

#socket .container {
    position: fixed;
    bottom: 0;
}

#main > div {
    position: relative;
    z-index: 5;
}

#main #footer, 
#main #socket {
    z-index: 1;
}

    However I did need to disable CSS Merge in Enfold > Performance since it still fetches the old css even when cache is flushed out.

    Best regards,
    Nikko

    January 18, 2019 at 3:24 pm #1055476
    ak-muc

    WOW … i apppreciate that. Very nice and now it works.

    thx a lot.
    AK

    January 18, 2019 at 4:32 pm #1055496
    Nikko

    Hi AK,

    Glad that we could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Sticky Footer and Socket while Overlapping Content’ is closed to new replies.