Changing the Font Size of the Group Name Mobile View

Introduction
BuddyBoss does not provide a built-in option to adjust the font size of group names in mobile view. You can easily customize the group name font size for mobile devices using a small CSS snippet. This ensures better readability and helps your site’s design remain consistent across devices, allowing control over the Group Name Mobile Font Size.

Custom Workaround

1. In your WordPress admin, go to BuddyBoss > Theme Options
   
2. Under Custom Codes, toggle Enable CSS to On
   
3. Paste the following CSS:
   

@media only screen and (max-width: 767px) {

  h2.bb-bp-group-title {

    font-size: 50px !important; /* Adjust the size as needed */

  }

}

4. Click Save Changes
   

Any custom code is considered “custom work.” Please review our Support Policy for more details.

Troubleshooting and FAQs

Q: The font size didn’t update on mobile, what should I check?

A: Clear your site cache, caching plugin, or CDN cache. Ensure the CSS was pasted exactly as shown and that Enable CSS was turned on before saving

Q: Can I use a different font size?

A: Yes. Replace 50px with any desired value to fit your design

Q: Will this affect the desktop view?

A: No. This CSS specifically targets screens with a maximum width of 767px, which applies only to mobile devices

Q: Who can I contact for further assistance?

A: Submit a support ticket through your BuddyBoss account dashboard for personalized help.