/*Reverse sticky header*/
  1. Home
  2. Knowledge Base
  3. Customizations
  4. CSS
  5. Make the LearnDash pagination sticky/float

Make the LearnDash pagination sticky/float

By default, the platform does not have this option. You can use the following CSS code and Javascript to make the LearnDash pagination sticky/float.

 Please follow the steps for the CSS code below:

1. Go to BuddyBoss > Theme Options

2. Under Custom Codes, enable CSS

3. Append the following:

.learndash_next_prev_link.sticky {
    position: fixed;
    top: 125px;
    right: 100px;
    z-index: 9;
}

4. Save changes 

Please follow the steps for the Javascript code below: 

1. Go to BuddyBoss > Theme Options

2. Under Custom Codes, enable Javascript.

3. Append the following:

jQuery(document).ready(function() {
    jQuery(window).on('scroll', function() {
        if ($(window).width() > 1199) {
            if (jQuery(window).scrollTop() > 80) {
                jQuery('.learndash_next_prev_link').addClass('sticky');
            } else {
                jQuery('.learndash_next_prev_link').removeClass('sticky');
            }
        }
    });
});

4. Save changes

Note: Any modifications are considered as custom work already. Know more about our Support policy here: https://www.buddyboss.com/support-policy/

Was this article helpful?

Related Articles

Subscribe to Our Newsletter

Stay In Touch

Subscribe to our Newsletter, and we’ll send you the latest news from BuddyBoss

  • This field is hidden when viewing the form
  • This field is for validation purposes and should be left unchanged.

To speak to our Agency consultant, fill in the form found at our Contact Page.

"*" indicates required fields

Get Started

Enter your name and email address to get started with your project...

Name*
Profile photo of
Not recently active