Tagged: enfold, sticky footer
-
AuthorPosts
-
September 7, 2018 at 6:10 pm #1007240
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, 2 months ago by hcpost.
September 7, 2018 at 7:58 pm #1007285Hey hcpost,
Have you tried the following in quick css:
#footer { position: fixed; width: 100%; bottom: 0; z-index: 10000; }
Best regards,
Jordan ShannonSeptember 8, 2018 at 7:15 am #1007361Yes, 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 #1007945Hi,
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,
PeterSeptember 11, 2018 at 9:14 am #1008271Hi 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 #1008277No, 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 #1008477and 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 #1008489Hi!
@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,
PeterFebruary 24, 2021 at 2:21 am #1283280Hallo.
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 #1283386Hi 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,
NikkoFebruary 25, 2021 at 12:49 am #1283533That works fine. Thank you very much.
February 25, 2021 at 2:31 am #1283543Hi Werk32,
We’re glad that we could help :)
Thanks for using Enfold and have a great day!Best regards,
Nikko -
AuthorPosts
- The topic ‘Sticky footer for Enfold’ is closed to new replies.