Sticky sidebar course details

[dantwah]

Hi, I am experimenting with the fixed sidebar on the course page, shown in this tip: https://vibethemes.com/documentation/wplms/knowledge-base/course-details-widget-follow-the-user-when-they-scroll/ It looks great, however, it gets messy at the bottom. For some reason it dissapears behind the footer (no matter what footer style i use). How to make it stick at the bottom nicely? I have it running at my test server so you can see what i mean: http://testend.nl/demo1/cursus/excel-2013-beginner-gevorderd-expert/

[H.K. Latiyan]

Hi... Try adding the bellow custom css: footer{z-index:-9;}

[dantwah]

Thanks for the reply, Now the sidebar scrolls over the footer.. It actually  needs to stop when it collides with the footer.

[H.K. Latiyan]

I have updated the tip, please refer the tip again.

[dantwah]

Thanks! I implemented it right away. However, the issue still persist. The problem is that it depends on the height of the screen. So instead of becoming sticky when it collides with the footer it either dissapears or scrolls over the footer (depending on height of the screen)

[H.K. Latiyan]

Hi... This can depend on the course layout you are using, to adjust it you can change the parameter as shown in the screenshot : http://prntscr.com/fk0z2r Try increasing this number to adjust according to your website.

[Author]

Posts