Responsive Flexbox navbar bijna goed

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Jan Kila

Jan Kila

03/11/2019 16:02:04
Quote Anchor link
Dit is de Fiddle: https://jsfiddle.net/xz0p1na5/
Het probleem is dat de laatste drie menu items het dropdown menu overschrijven.
De vraag is: hoe vermijd ik dat?

Toevoeging op 03/11/2019 16:13:11:

Bijzonder blijft het, maar vaak wanneer ik een vraag op een forum plaats, vind ik zelf het antwoord.
Ook dit keer weer eenvoudig.
.drop-menu {
display: flex; /* This <ul> tag is also a flex container */
flex-direction: column; /* Direction is now downward */
position: relative; <= Dit was oorspronkelijk: absolute
width: 100%;
}
Nu werkt het wel goed.
 
Er zijn nog geen reacties op dit bericht.



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.