Project-Pro/drmaterac.pl
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add responsive dropdown menu behavior and style adjustments

Browse Source
This commit is contained in:
Roman Pyrih
2025-04-01 09:47:33 +02:00
parent da5caf6201
commit b483d5eb61
4 changed files with 40 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
themes/leo_gstore/assets/js/custom.js
View File

@@ -1050,4 +1050,25 @@ $(document).ready(function(){
$(headerNav).removeClass('fixed');
}
})
})
})
$(document).ready(function () {
$('.nav-item.parent.dropdown').on('mouseenter', function () {
var $submenu = $(this).find('.dropdown-menu');
if ($submenu.length) {
$submenu.css({ left: '', right: '', transform: '' });
var submenuRect = $submenu[0].getBoundingClientRect();
var windowWidth = $(window).width();
if (submenuRect.right > windowWidth) {
$submenu.attr('style', 'left: 50% !important; right: auto !important; transform: translateX(-50%) !important;');
} else if (submenuRect.left < 0) {
$submenu.attr('style', 'left: 50% !important; right: auto !important; transform: translateX(-50%) !important;');
} else {
$submenu.css({ left: '', right: '', transform: '' });
}
}
});
});