Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • November 6, 2018 at 12:11 pm #1030354
    michaelH

    Hi guys

    I would like to achieve the following:
    Have a sticky header which is possible via the theme options. In addition, I would like to have the footer and socket sticky, so only the content between header and footer/socket scrolls if the user scrolls the page. Header and footer plus socket should always be visible.

    I tried the same for the footer and socket as done for the header to make it sticky, but it messes up the whole layout unfortunately.
    I would be glad for any help.

    Thank you so much and best regards
    Michael

    November 7, 2018 at 8:19 am #1030721
    Rikard

    Hey Michael,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    November 7, 2018 at 9:11 am #1030739
    michaelH

    Hi Rikard

    If it is only possible like that, alright.
    Please check the notes in private content.

    November 7, 2018 at 9:12 am #1030741
    michaelH

    Best,
    Michael

    November 8, 2018 at 5:37 am #1031096
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling for the sticky footer:

    #footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}

    And you will likely need some bottom padding on the main container element:

    #main {
    padding-bottom: 100px;
}

    Best regards,
    Rikard

    November 9, 2018 at 12:06 pm #1031620
    michaelH

    Hi Rikard

    Thanks a lot – it looks pretty good already.
    For some reason my custom background image in the footer is not visible anymore. I changed the value for “attachment” to “scroll” now as it did not work when I had “fixed” there. Now it is visible again.

    Best regards
    Michael

    November 10, 2018 at 8:37 am #1031937
    Rikard

    Hi Michael,

    Thanks for the update, so everything is working as it should? If not then please try to explain the problem a bit further.

    Best regards,
    Rikard

    November 11, 2018 at 5:51 pm #1032250
    michaelH

    Hi Rikard

    Yes it tweaked it slightly to make footer and socket sticky to the bottom but yes, it’s working as it should as far as I can judge.
    You can consider this thread as solved. It can be closed.

    Thank you very much
    Michael

    November 12, 2018 at 9:27 am #1032487
    Rikard

    Hi Michael,

    Thanks for the update, I’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 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Sticky footer and socket’ is closed to new replies.