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

Need Support?

Can't find the answer you're looking for?
Support

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

  • Get Started

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

  • This field is for validation purposes and should be left unchanged.

Not recently active