Anwenden von horizontalem Scrollen auf die Navigationsleiste ohne vertikales Scrollen ⇐ CSS

[Anonymous]

Ich möchte nur horizontales Scrollen auf die Navigation anwenden, aber nicht vertikales Scrollen, also verwende ich die Bootstrap-Klasse overflow-x-scroll, es wird jedoch immer noch vertikales Scrollen angewendet, wenn ich das Sprach-Dropdown öffne:
MainNav-Komponente

Code: Select all

const MainNav = () => {
return (






{/* Toggler */}




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

{link.label}

))}

{/* Language Dropdown */}

{languages.map((lang) => (


{lang.label}


))}





);
};

export default MainNav;

header.css

Code: Select all

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