Ik ben op zoek naar een simpel uitziende responsive menu. Via Google heb ik uiteraard al veel gevonden, maar de meeste daarvan hebben veel code nodig.
Het enige wat ik wil is dat je standaard het menu icoontje ziet en zodra je erop klikt dat het menu naar beneden uitklapt (en dat het menu icoon dan veranderd naar een kruisje.) Wie kan mij hieraan helpen?

Mijn menu ziet er nu zo uit:

Code:

<ul>
      <li><a href="#">item 1</a></li>
      <li><a href="#">item 2</a></li>
      <li><a href="#">item 3</a></li>
</ul>

De website heb ik al wel responsive, maar bij het mobiele schermformaat heb ik alleen nog een responsive menu nodig.

Ik maak zelf altijd gebruik van deze code. Buiten de normale HTML en CSS code heb je hiervoor alleen een klein stukje jquery nodig. Dit scriptje vereist wel dat je het menu in een eigen div zet en ook de ul een aparte id geeft.

Bedankt voor je reactie.

Ik mis nog dat het menu icoon een kruisje wordt. Verder is het wel ongeveer wat ik bedoel.

Je zou dit eens kunnen proberen:

Code:

#menuboven #menu-icon:active {background: url(/wp-content/themes/jouw-theme/afbeelding-met-een-kruisje.png);

Bedankt. Inmiddels ben ik ook bezig met het Slicknav script. Daar heb je iets meer mogelijkheden mee.

Maar ook wel veel meer code zo te zien.