Применение горизонтальной прокрутки к панели навигации без вертикальной прокрутки ⇐ Html

[Anonymous]

Я хочу применить к навигации только горизонтальную прокрутку, но не вертикальную, поэтому я использую класс начальной загрузки overflow-x-scroll, однако он по-прежнему применяет вертикальную прокрутку, когда я открываю раскрывающийся список языков:
Компонент MainNav
const MainNav = () => {
return (






{/* Toggler */}




{/* Main Navigation */}
{navLinks.map((link) => (

{link.label}

))}

{/* Language Dropdown */}

{languages.map((lang) => (


{lang.label}


))}





);
};

export default MainNav;


header.css
.navbar .nav-link {
white-space: nowrap;
}


Подробнее здесь: https://stackoverflow.com/questions/797 ... -scrolling