the following solution is what I am using now to fix the overlaping issue between live notification dropdown ment and myacount dropdown menu. It will be great if you guys are able to apply this into next update.
location: kleo/asset/js/app.js
ln: 1913, update the default value to 100 ms
$('#header .js-activated').dropdownHover({delay: 100}).dropdown();
ln: 2272, this will be much more smoother when quickly hovering on live notification and myaccount back and forth
COPY CODE
dropdownToggle: function() {
$(".navbar").on("mouseenter", ".kleo-toggle-menu", function() {
var $this = $(this);
var t = setTimeout(function() {
$this.find('.kleo-toggle-submenu').fadeIn(50);
}, 70);
$this.data('timeout', t);
});
$(".navbar").on("mouseleave", ".kleo-toggle-menu", function() {
clearTimeout($(this).data('timeout'));
$(this).find('.kleo-toggle-submenu').hide();
});
}