Header Issue on LearnDash Lesson

You may have ever encountered an issue where the header seems to be too far down when scrolling on LearnDash lesson/topic. The issue is caused when the Focus mode is enabled on the LearnDash settings.

As a workaround, you can use the following CSS code.

Please follow the steps below:

1. Go to BuddyBoss > Theme Options

2. Under Custom Codes, enable CSS

3. Append the following:

body.ld-in-focus-mode.admin-bar {
    padding-top: 0;
}

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/

Screenshots

Without code

With code