Hide LearnDash Lesson Breadcrumbs in Mobile View

Introduction

BuddyBoss does not provide a built-in option to hide breadcrumbs on LearnDash lesson pages for mobile devices. If you prefer a cleaner mobile layout, you can hide the breadcrumbs using a simple CSS snippet.

Custom Workaround

Follow these steps to hide breadcrumbs on LearnDash lesson pages in mobile view:

1. Go to BuddyBoss > Theme Options
2. Under Custom Codes, enable CSS
3. Add the following CSS code:

@media (max-width: 768px) {

    .ld-breadcrumbs, a.course-entry-link {

        display: none !important;

    }

}

4. Click Save changes

Note: Any CSS modifications are considered custom work. Review the BuddyBoss Support Policy for more details:
https://www.buddyboss.com/support-policy/

Troubleshooting and FAQs

Q: Breadcrumbs are still showing on mobile. What should I check?

A: Ensure the CSS is added under BuddyBoss Theme Options, that CSS is enabled, and clear your site or browser cache.

Q: Will this hide breadcrumbs on desktop as well?

A: No. This snippet only targets screens with a width of 768px or less (mobile devices).

Q: Can I hide breadcrumbs on other pages using similar code?

A: Yes. Identify the CSS selectors for the page and apply display: none !important; inside a similar media query if needed.

Q: Can this be undone?

A: Yes. Remove the CSS snippet and save changes to restore breadcrumbs.