Выпадающий список в нав. меню

[Kraissmann]

Доброго дня. Парни, подскажите пожалуйста, как сделать корректный скроллинг выпадающего списка. Есть сайт https://hauswerker.com.ua/. При наведении на раздел электроинструмент в мегаменю список корректно отобразится только если поместится на экране, на маленьких мониторах он не помещается и упирается в нижнюю границу экрана и до нижних категорий этого списка добраться не представляется возможным. Благодарю.

[Shureg]

У модуля мегаменю есть своя тема.

[Prooksius]

Добавьте в стили что-то типа такого

#menu .dropdown .dropdown-menu {
  max-height: calc(100vh - 166px);
  overflow: auto;
  scrollbar-color: #CCC3C3 #F6F6F6;
  scrollbar-width: thin;
}
#menu .dropdown .dropdown-menu::-webkit-scrollbar {
    width: 8px;
}
#menu .dropdown .dropdown-menu::-webkit-scrollbar-track {
    background-color: #F6F6F6; 
    border-radius: 3px;
}
#menu .dropdown .dropdown-menu::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #CCC3C3; 
}
.header-top-inner.fixed #menu .dropdown .dropdown-menu {
    max-height: calc(100vh - 56px);
}

 

[Kraissmann]

12 часов назад, Prooksius сказал:

Добавьте в стили что-то типа такого

#menu .dropdown .dropdown-menu {
  max-height: calc(100vh - 166px);
  overflow: auto;
  scrollbar-color: #CCC3C3 #F6F6F6;
  scrollbar-width: thin;
}
#menu .dropdown .dropdown-menu::-webkit-scrollbar {
    width: 8px;
}
#menu .dropdown .dropdown-menu::-webkit-scrollbar-track {
    background-color: #F6F6F6; 
    border-radius: 3px;
}
#menu .dropdown .dropdown-menu::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #CCC3C3; 
}
.header-top-inner.fixed #menu .dropdown .dropdown-menu {
    max-height: calc(100vh - 56px);
}

 

Премного благодарен, код сработал как надо.