How to Remove the Gap Between the Course Page Title and the Header Menu

Introduction

Course pages often display a noticeable gap between the page title and the header menu. This guide explains how to remove the gap between the course page title and the header menu, creating a tighter, cleaner layout for your LearnDash courses.

Custom Workaround

Before proceeding, make sure you have a complete site backup.

1. Go to BuddyBoss > Theme Options in your WordPress admin dashboard.
2. Open the Custom Codes section.
3. Enable CSS.
4. Add the following CSS code:

.post-type-archive-sfwd-courses .content-area {

    padding-top: 0;

}

5. Click Save Changes.

Note: Any modifications like this are considered custom work. Please review the BuddyBoss Support Policy for details.

Troubleshooting and FAQs

Q: The gap is still visible after adding the CSS.
A: Clear your site cache and browser cache, then reload the course page.

Q: Will this affect other pages on my site?
A: No. This only removes the gap on LearnDash course pages.

Q: Can I restore the default spacing later?
A: Yes. Remove the CSS code and save your changes.