Introduction
By default, BuddyBoss does not provide a built-in option to hide the LearnDash course banner on mobile devices. If you want to improve the mobile learning experience by removing the course banner on smaller screens, you can do so using a custom CSS snippet.
Custom Workaround
Follow the steps below to hide the course banner on mobile view only:
- Go to BuddyBoss > Theme Options
- Under Custom Codes, enable CSS
- Append the following code:
@media screen and (max-width: 767px) {
.bb-learndash-banner {
display: none;
}
}
Save changes
Troubleshooting and FAQs
Q: Will this hide the course banner on desktop as well?
A: No. This CSS only applies to screens with a maximum width of 767px, which targets mobile devices.
Q: Does this affect all courses or just a specific one?
A: This will hide the course banner on all LearnDash course pages when viewed on mobile devices.
Q: The course banner is still visible on mobile. What should I do?
A: Try clearing your site cache and browser cache. If the code is not working, submit a ticket to the support team for assistance.
Q: Can I target tablets separately from mobile phones?
A: Yes. You can adjust the max-width value in the media query to better match your desired screen sizes.