Hallo

Ik ben op zoek naar een goed functionerend menu met de volgende eigenschappen :

Grote schermen
De menu's worden allemaal met icoon en tekst getoond. Het icoon zou links van de tekst moeten staan. Klikt men op het menu, dan worden de onderliggende submenu's zichtbaar.

Middelgrote schermen
Hier tonen enkel de iconen. Gaan men met de muis over ( op klik op mobiel ) dan krijgt de verticale balk dezelfde breedte als bij grote schermen ( tekst naast het icoon wordt ook zichtbaar ) - Klikt men op het menu, dan worden de onderliggende submenu's zichtbaar.

Kleine schermen
Hier toont het menu bovenaan met 3 streepjes, klikt met daarop dan wordt het hoofdmenu zichtbaar. Bij het klikken op een hoofdmenu wordt het submenu zichtbaar. ( dit is vrij standaard denk ik )

Ik dacht dat dit niet moeilijk zou zijn om te vinden/maken. Ik heb het zelf proberen te maken, maar er blijven heel wat fouten in zitten. Vooral op mobiele toestellen bij het draaien van het scherm krijg ik het niet goed.

Hopelijk is het duidelijk wat ik bedoel :-)

Met vriendelijke groeten
Wesley

Zoiets als dit bedoel je?

http://themeforest.net/item/kinetika...5?ref=cirvitis
https://codyhouse.co/demo/secondary-...ion/index.html
http://codeless.co/tower/portfolio/f...olio-gallery/#
http://themes.themegoods2.com/?theme=Sirius

Iconen e.d. kun je via css altijd nog toevoegen/aanpassen.

http://getbootstrap.com/components/#nav

Dit is niet helemaal wat ik zoek.
Om het te verduidelijken heb ik een snelle schets gemaakt.
Er zijn 3 weergaven : computer + kleinere schermen + smartphone

Ik ben het zelf aan het maken, maar het lukt me niet zoals ik het zou willen.
Nu heb ik er al uren ingestoken ... er moet toch iemand die al eens gemaakt hebben :-)