Hi @cyrilruf,
add a plugin like Head and Footer Scripts Inserter,
Then inside the settings add to the footer-section where it says Scripts from this field will be printed after all footers script the folloing code:
<script>
(function($){
var navbarToggle = '.navbar-toggler';
$('.dropdown, .dropup').each(function() {
var dropdown = $(this),
dropdownToggle = $('[data-toggle="dropdown"]', dropdown),
dropdownHoverAll = dropdownToggle.data('dropdown-hover-all') || false;
// Mouseover
dropdown.hover(function(){
var notMobileMenu = $(navbarToggle).size() > 0 && $(navbarToggle).css('display') === 'none';
if ((dropdownHoverAll == true || (dropdownHoverAll == false && notMobileMenu))) {
dropdownToggle.trigger('click');
}
})
});
})(jQuery);
</script>
It should work now on hover 🙂
Hi Cafeserendipity21,
I feel so bad answering you so late. Let’s agree that it is never too late, okay ?
This is perfect. The result is exactly what I was looking for ! Thank you so much !!!
Cyril.
Hello there !
4 months later, I have a new question related to this.
It seems that when I accidently click on the menu, it starts moving crazy. I know that when the menu is in “hoving” mod you should not click, but I’m sure I will have users not really comfortable with this. Is there a small change that could fix that ?
Thank you very much.
Cyril.
website is : http://www.leplatdujour.ch
