Hide the Group Description on Mobile View

Introduction

By default, BuddyBoss does not include a built in option to hide the group description when viewing groups on mobile devices. If you want a cleaner and more compact group header on smaller screens, you can achieve this by adding a small CSS snippet.

Custom Workaround

Follow the steps below to hide the group description on mobile view only.

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

@media (max-width: 767px) {

    .groups-header #cover-image-container #item-header-content .group-description p {

        display: none;

    }

}

4. Save changes.

Note: Any modifications are considered as custom work already. Know more about our Support policy here: https://www.bb-backup-hz4.developbb.dev/support-policy/

Troubleshooting and FAQs

Q: Will this hide the group description 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 remove the group description completely?

A: No. The description is only hidden visually on mobile view. It will still appear on desktop and larger screens.

Q: Will this affect group functionality or SEO?

A: No. This is a front end visual change only and does not affect group features, permissions, or search visibility.

Q: The group description is still visible on my phone. What should I do?

A: Clear your site and browser cache and confirm that your device screen width is within the mobile range. If the issue persists, submit a ticket to the BuddyBoss support team for further assistance.

Screenshots

Without Code:

With Code: