Mouse hover to show submenu

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 : https://www.leplatdujour.ch