Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1051977

    Hi,

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

    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 6 months, 1 week ago by  ak-muc.
    #1052300

    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

    #1052317
    This reply has been marked as private.
    #1053110

    Hi,

    Updated the CSS code, please do check it now.

    Best regards,
    Basilis

    #1053119

    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.

    #1054449

    Hi,

    Could you please clear your cache and check it please?

    Best regards,
    Basilis

    #1054454

    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!?

    #1055096

    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

    #1055476

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

    thx a lot.
    AK

    #1055496

    Hi AK,

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

    Best regards,
    Nikko

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Sticky Footer and Socket while Overlapping Content’ is closed to new replies.