/*Reverse sticky header*/
  1. Home
  2. Knowledge Base
  3. Customizations
  4. Javascript
  5. How to Make the BuddyPanel Expand When a User Hover the Cursor Over it

How to Make the BuddyPanel Expand When a User Hover the Cursor Over it

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

Please follow the steps below:

    1. Go to BuddyBoss – Theme Options.

    2. Under Custom Codes, enable JavaScript.

    3. Append the following:

jQuery(document).ready(function($) {
$(".buddypanel").hover(
function() {
// On mouseover
$("body").addClass("buddypanel-open");
},
function() {
// On mouseout
$("body").removeClass("buddypanel-open");
}
);

});  

4. Click Save Changes.

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