Introduction
By default, BuddyBoss does not provide a built in option to hide the Group Type label when viewing individual groups on mobile devices. If you want a cleaner group header layout on smaller screens, you can use a custom CSS workaround that applies only to mobile view.
Custom Workaround
Follow the steps below to hide the group type inside groups when viewed on mobile devices.
- Go to BuddyBoss > Theme Options
- Under Custom Codes, enable CSS
- Append the following:
@media (max-width: 767px) {
.item-header-wrap .bp-group-meta .group-type {
display: none;
}
}- Save changes.
Troubleshooting and FAQs
Q: Does this affect desktop or tablet views?
A: No. This CSS only applies to screens with a maximum width of 767px, which targets mobile devices.
Q: Will this remove the group type everywhere on mobile?
A: It hides the group type only within the group header area, not in other areas such as the Groups Directory.
Q: Does this impact group privacy or functionality?
A: No. This is a visual change only and does not affect group permissions or behavior.
Q: The group type is still visible on my phone. What should I do?
A: Clear your site and browser cache and confirm your device screen width is under 767px. If the issue persists, submit a ticket to the BuddyBoss support team for assistance.
Screenshots
Without Code:
With Code:
