search

saschavanvliett / the-startup-responsive-interactieve-website

Ontwerp en maak een responsive website voor een startup.
https://saschavanvliet.github.io/the-startup-responsive-interactieve-website/
MIT License
0 stars 0 forks source link

Fix voor je snoepomhoog menu #10

Closed KaanKalmi closed 9 months ago

KaanKalmi commented 9 months ago

Je hebt hier position:absolute; gegeven aan je dropdown menu, dit zorgde ervoor dat als je op t icoontje klikte voor overlapping.

Wat je ipv dat wilt doen is:

Je ziet hier dat ik namelijk de position:absolute; heb weggehaald en de height heb verandert naar 0, daarnaast heb ik overflow: hidden; erin gezet !DIT IS BELANGRIJK! dit zorgt er namelijk voor dat je menu niet gezien wordt nog.

Hierna wil je een class erin zetten en koppelen via JS voor de interactie, dit had je al gedaan dus heb ik alleen de class .active verandert, Hier heb ik de display:block; gezet, height:auto; en margin-top zodat er geen overlapping mogelijk is

saschavanvliett commented 9 months ago

Omg echt super bedankt!!!! Dit is echt precies wat ik nodig had :)))))))))))) !!