Responsive Flexbox navbar bijna goed
Jan Kila
03/11/2019 16:02:04Dit 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.
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.