Tagged: ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • September 7, 2018 at 6:10 pm #1007240
    hcpost

    Hi,

    can anyone propose a css code for sticky footer that realy works for Enfold theme? I already tried everything I found in this support forum and nothing works for my. Nothing changes at all, when I add the css code. The footer stays the same and varies from page to page relative to the amount of content the page displays.

    It would be great to really hear of an option that works.

    Can you help me please? Thx in advance,

    Hans Chr.

    • This topic was modified 6 years, 3 months ago by hcpost.
    September 7, 2018 at 7:58 pm #1007285
    Jordan Shannon

    Hey hcpost,

    Have you tried the following in quick css:

    #footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 10000;
}

    Best regards,
    Jordan Shannon

    September 8, 2018 at 7:15 am #1007361
    hcpost

    Yes, I have tried it several times. And nothing changes.
    I add it to the information that is already there in quick css and click on save. But afterwards nothing has changed.
    Best, Hans Chr.

    September 10, 2018 at 3:15 pm #1007945
    Dude

    Hi,

    Please try to add this code to the child theme functions.php:

    
function avia_custom_css_code(){
?>
<style>
#top #socket {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 999;
}
</style>
<?php
}
add_action('wp_head', 'avia_custom_css_code');

    Best regards,
    Peter

    September 11, 2018 at 9:14 am #1008271
    hcpost

    Hi Peter,

    thanks for the suggestion. I will try it out right away. Should I delete the other codes that are already in the CSS or just add the new one?

    Best, Hans Chr.

    September 11, 2018 at 9:24 am #1008277
    hcpost

    No, sorry Peter, no luck with that either.

    I have been looking at all the discussions about this particular issue with the sticky footer. I must say that I find it astonishing that Kriesi hasn’t been able to solve it yet, considering all the users who throughout the years have been complaining about it.

    I think it is time for Kriesi to come up with a simple solution that will work for all users.

    In addition the words “Enfold WordPress Theme by Kriesi” have now been added to my footer. Free commercial space, I guess, for Kriesi. I would like to have this removed. I didn’t ask for this and haven’t allowed it either.

    Best, Hans Chr.

    September 11, 2018 at 5:55 pm #1008477
    Guenni007

    and you realy like to have the footer sticky – and not the socket ?
    the trouble with this would be to have on main a padding-bottom to see all of the main content and for all screenwidth.

    September 11, 2018 at 6:35 pm #1008489
    Dude

    Hi!
    @Guenni – thanks for spotting – I took the code from Jordan and didn’t take care of the wrong socket id.

    I adjusted the code above ( https://kriesi.at/support/topic/sticky-footer-for-enfold/#post-1007945 ), please try it again.

    If you want to remove the words “Enfold WordPress Theme by Kriesi” from the copyright area you can add this shortcode

    
[nolink]

    to the copyright options field (screenshot https://screenshotscdn.firefoxusercontent.com/images/f6761a07-6945-4b3b-951a-37158c19b029.png ).

    Regards,
    Peter

    February 24, 2021 at 2:21 am #1283280
    Pako

    Hallo.

    I used the code above:

    function avia_custom_css_code(){
?>
<style>
#top #socket {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 999;
}
</style>
<?php
}
add_action('wp_head', 'avia_custom_css_code');

    which is working fine. Is there a way to have this only on PC but not on Devices with a little screen, like mobile phones. The socket takes to much space there:).

    February 24, 2021 at 1:27 pm #1283386
    Nikko

    Hi Werk32,

    Try putting the code inside a media query, the CSS style should look like this:

    @media only screen and (min-width:959px) {
  #top #socket {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 999;
  }
}

    Hope it helps.

    Best regards,
    Nikko

    February 25, 2021 at 12:49 am #1283533
    Pako

    That works fine. Thank you very much.

    February 25, 2021 at 2:31 am #1283543
    Nikko

    Hi Werk32,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

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