/*Reverse sticky header*/
  1. Home
  2. Knowledge Base
  3. Customizations
  4. CSS
  5. How to Adjust the Position of the Search Bar on the Activity Page

How to Adjust the Position of the Search Bar on the Activity Page

Introduction

While BuddyBoss doesn’t offer a built-in setting to reposition the Activity page’s search bar, a small CSS tweak lets you fine-tune its placement to match your design.

Custom Workaround

  1. Go to BuddyBoss > Theme Options in your WordPress admin.
  2. Under Custom Codes, toggle on Enable CSS.

Append the following snippet:

.activity-head-bar .bb-subnav-filters-search button {

   margin: -8px 1px 0px 11px !important;

}
  1. Click Save Changes.

Notes:
– To adjust the horizontal position, modify the –8 px value; to adjust the vertical position, modify the 11 px value.
– Any custom code is considered “custom work.” You may review our Support Policy for details.

Troubleshooting and FAQs

Q: I don’t see the Custom Codes section—how else can I add this CSS?
A: If your host blocks file editing, add the snippet to your child theme’s style.css or via a code-snippet plugin.

Q: Can I remove the override later?
A: Yes—simply delete the CSS snippet from Custom Codes and save, then purge caches to restore the default layout.

Was this article helpful?

Related Articles

Need Support?

Can't find the answer you're looking for?
Support

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

"*" indicates required fields

Get Started

Enter your name and email address to get started with your project...

Name*
Profile photo of
Not recently active