How to Change the Color of the Profile Menu Text on Hover

Introduction

By default, there is no built-in option to change the hover color of the Profile Menu text. As an exception, you can use a custom CSS snippet to modify the hover color and better match your site’s design.

Custom Workaround

Follow the steps below to apply the change:

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

nav#object-nav ul li a:hover {

    color: red;

}

You may replace red with any valid CSS color value (hex, RGB, or color name).

4. Save changes.

Note: Any modifications are considered custom work already. Know more about our Support policy here: https://buddyboss.com/support-policy/

Troubleshooting and FAQs

Q: The hover color did not change after adding the CSS.

A: Clear your site cache, browser cache, and any CDN cache, then refresh the page.

Q: Can I apply a different hover color for mobile devices only?

A: Yes. You can wrap the CSS in a media query to target specific screen sizes.

Q: Will this affect other menus on the site?

A: No. This CSS specifically targets the Profile navigation menu.