/*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

Related Helpful Links

Subscribe to Our Newsletter

Stay In Touch

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

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

Try BuddyBoss Demo

Need Support?

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

Test Sidebar

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