/*Reverse sticky header*/
  1. Home
  2. Knowledge Base
  3. Customizations
  4. CSS
  5. Hide Search Icon for logged out users

Hide Search Icon for logged out users

By default, the platform does not have this option. You can use the following CSS code to hide the Search feature for logged out users.

Please follow the steps below: Note this code snippet only works for Header Styles 1,2 & 3, please see second code snippet for Style 4.

1. Go to BuddyBoss > Theme Options

2. Under Custom Codes, enable CSS

3. Append the following:

body:not(.logged-in) ul#primary-menu li:nth-child(6),
body:not(.logged-in) a.header-search-link {
    display: none !important;
}

4. Save changes 

If you are using Header Style 4 in the Buddyboss – Theme Options – Header, then following the same steps as above you will need to use this code snippet instead.

.header-style-4:not(.logged-in) .search-form {
    display: none !important;
}

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

Was this article helpful?

Related Articles

Need Support?

Can't find the answer you're looking for?
Contact 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*