Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Sticky Footer

Featured Lock Resolved Task
I'm trying to sticky this footer (Landing Page Footer). I've tried all methods mentioned on Joomshaper site to no avail.

What I've tired:


#sp-landing-page-footer {
bottom: 0;
left: 0;
right: 0;
width: 100%;
position: fixed;
z-index: 99;
}


...and

#sp-landing-page-footer {
width: 100%;
bottom: 0;
position: fixed;
}


sticky footer.jpg

WIP Site: https://lionpridecapitalgroup.com/blue_social

Thanks

Attachments (1)

  • sticky footer.jpg
    sticky footer.jpg 57.5 KB

6 Answers

Sifat - Staff

More than a month ago #Permalink
Hi,
Actually it's working but since you've used a huge padding-bottom in one of your section that's why it's taking much space. http://prntscr.com/kb69jn
Please use this css into your custom css to solve this

div#section-id-1531833350693 {
height: 80vh;
padding-bottom: 0px !important;
}


-Thanks

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your query. I found your footer is already sticky. You can check this link if you want any additional information about sticky footer. https://css-tricks.com/couple-takes-sticky-footer/

-Best Regards

Steve

More than a month ago #Permalink
It's actually not sticky. If you create a mobile view, you'll noice the footer does not stay on the bottom.

Thanks.

Steve

More than a month ago #Permalink
Hi Safat,

Thanks for the mod. I did have bottom padding set for 925px. With this code, I was able to reduce the padding to 0px and works.

Thanks for your assistance.

Sifat - Staff

More than a month ago #Permalink
You are most welcome


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 152
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 90
Toufiq

Toufiq

Total Accepted Answers: 19
Al Mamun

Al Mamun

Total Accepted Answers: 3
Pavel

Pavel

Total Accepted Answers: 3

112

Templates

289120

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us