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

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.

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