When you have many modules which adds buttons to the menu you are not able to see/click button from bottom of the menu because it’s not visible.
Very simple solution to allow scrolling the menu
Open file: /admin/themes/default/css/overrides.css and append this:
1 2 3 4 5 6 |
#nav-sidebar { overflow-y: auto; overflow-x: visible; } |
Open file: /admin/themes/default/js/admin-theme.js and append this:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
$(function () { $(document).on('hover', '#nav-sidebar li.has_submenu', function () { var submenu = $(this).find('.submenu').eq(0); var marginTop = $(this).position().top + parseInt($('header#header > nav').height()); if ((marginTop + parseInt(submenu.height())) > parseInt($(window).height())) marginTop -= (marginTop + parseInt(submenu.height()) - parseInt($(window).height())) + 10; if ($('body').hasClass('page-sidebar-closed')) marginTop += 34; setTimeout(function () { submenu.attr('style', 'position: fixed !important; top: ' + marginTop + 'px !important'); }, 50); }); }); |