1. Home
  2. Knowledge Base
  3. Customizations
  4. CSS
  5. How to Remove the Underline from the Active Footer Menu

How to Remove the Underline from the Active Footer Menu

Introduction

BuddyBoss adds an underline style to the active footer menu item as part of its default design. You can remove this underline by adding a small CSS snippet to your theme options, allowing the footer menu to better match your site’s visual style. This guide explains how to remove the underline from the active footer menu.

Custom Workaround

Before proceeding, make sure you have a complete site backup.

  1. Go to BuddyBoss > Theme Options in your WordPress admin dashboard
  2. Open the Custom Codes section
  3. Enable CSS
  4. Add the following CSS code:
.footer-copyright-wrap .footer-menu .current-menu-item a {

    border-bottom: none;

}
  1. Click Save Changes

Note: Modifications are typically considered custom work, but we are making an exception in this case. Please review the BuddyBoss Support Policy.

Troubleshooting and FAQs

Q: The underline is still showing after saving the CSS.
A: Clear your site and browser cache, then refresh the page.

Q: Will this affect other menus on the site?
A: No. This CSS only targets the footer menu.

Q: Can I revert this change later?
A: Yes. Remove the CSS snippet and save your changes.

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.