How to Enable Full Width Search Area Under the Search Bar?

If you are using a stretched search bar and wanted to match the width of the search area to the search bar itself.

By default, the platform does not have this option. You can use the following CSS code.

Please follow the steps below:

1. Go to BuddyBoss > Theme Options

2. Under Custom Codes, enable CSS

3. Append the following:

body.bp-search .bp-search-ac-header { max-width: 100% !important; transform: translate(-30%,10px) !important; }

4. Save changes.

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

Screenshots

Without code

With code