1. Home
  2. Knowledge Base
  3. Customizations
  4. CSS
  5. Hide Full Name Beside Dropdown in Menu Header

Hide Full Name Beside Dropdown in Menu Header

Introduction

BuddyBoss does not provide a built in option to hide the full name displayed beside the profile dropdown in the menu header. If you prefer a cleaner header layout, you can hide the full name using a simple CSS workaround in BuddyBoss.

Custom Workaround

Follow the steps below to hide the full name beside the dropdown in the menu header.

  1. Go to BuddyBoss > Theme Options
  2. Under Custom Codes, enable CSS
  3. Add the following CSS code:
.header-aside .user-name {

    display: none;

}
  1. Click Save changes

Note: Any CSS or code changes are considered custom work. Please review the BuddyBoss Support Policy for more details:
https://buddyboss.com/support-policy/

Troubleshooting and FAQs

Q: The full name is still visible after adding the CSS. What should I check?

A: Clear your site cache, browser cache, and any CDN cache. Also confirm the CSS was added under BuddyBoss Theme Options and that CSS is enabled.

Q: Will this remove the user name from other areas of the site?

A: No. This only hides the user name displayed beside the dropdown in the menu header.

Q: Does this affect the profile dropdown menu itself?

A: No. The dropdown menu and its functionality will continue to work as expected.

Q: Can I restore the full name later?

A: Yes. Simply remove the CSS snippet and save your changes.

Screenshots

Without code

With code

Was this article helpful?

Related Articles

Subscribe to Our Newsletter

Stay In Touch

Subscribe to our Newsletter, and we’ll send you the latest news from BuddyBoss

This field is for validation purposes and should be left unchanged.
This field is hidden when viewing the form

To speak to our Agency consultant, fill in the form found at our Contact Page.