Content area dropdown hover instead of click functionality

[redrazormedia]

I’m using the content area dropdown element

[jade]

Hi Omar,

This is possible with a bit of customization.

First, add a class to the Content Area Dropdown.

Then add this code to the Global JS:

(function($){

  $(".toggle-on-hover").on({
    mouseenter: function () {
        $(this).trigger('click');
    },
    mouseleave: function () {
        $(this).trigger('click');
    }
  });

})(jQuery);

The code above assumes that the class you have added to the element is toggle-on-hover.

Kindly note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.

Hope this helps.