Avatar billede losdivinos Nybegynder
23. februar 2014 - 21:02 Der er 1 kommentar

Responsiv menu problem

Hey, jeg er igang med at lave en responsiv menu, som NÆSTEN virker.
http://dreamkiwi.com/menu.html

Du skal gøre dit vindue småt (mindre end 700px bred) for at den menu jeg snakker om, kommer frem.

På selve ul-elementet har jeg gjort sådan, at når skærmstørrelsen er mindre end 700px, har den en max-height:0;
Altså, den er ikke synlig.

Når man så klikker på menu-knappen for at vise den, kører der noget jQuery, som giver ul-elementet en class der hedder .showing

I showing er max-height:16em;

ul-elementet får klassen tildelt, men den bruger ikke max-height:16em; som den burde.

Nogle der hurtigt kan hjælpe mig? I kan inspicere elementet for at se tilhørende CSS :)
Avatar billede Futtexb Nybegynder
17. september 2015 - 15:17 #1
Prøv at skrive direkte i dit jQuery, at det pågældende <ul> skal ændre sig til 16em i max-height. Måske kunne det være et problem med rækkefølgen af, hvornår du loader dine elementer?
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester