Webflow Navigation Dropdown – Mega Menu Tutorial (deutsch)

Webdesign Tutorial wie du direkt in Webflow eine individuelle Navigation mit einem Dropdown Menü anlegst (Mega Menu). Ich nutze dafür ein in Sketch angelegtes Layout welches ich mit dem Tool Webflow umsetze. Das ganze ohne eine einzige Zeile Code selbst schreiben zu müssen!

Fertige Navigation anschauen:

Das Projekt in Webflow klonen:

---------------------------------------------

Meine Onlinekurse:

👉 Webflow Onlinekurs: Lerne Webseiten für Kunden Schritt für Schritt professionell umzusetzen (ohne Programmierkenntnisse!):

👉 50+ Webflow-Tricks:

👉 Webdesign Angebote mit drei Preisoptionen erstellen:

---------------------------------------------

Kostenlosen Webflow Account anlegen:

Webflow schnell und einfach lernen:

---------------------------------------------

—

#Tutorial #Webflow #Dropdown

Du findest mich auf:

—

Meinen wöchentlichen Web & Design Podcast abonnieren:

—

[Norell]

I just watched a tutorial in German, not understanding 97% of the words. But a very inspiring and useful walkthrough. Big thank you, from Sweden.

[stevedowning]

Richtig starkes Tutorial, Jonas! Steige gerade selbst zu Webflow um und da hilft echt jeder kleiner Schnipsel. Danke für deine Arbeit!

[WillyDAVID]

Pretty cool, thanks for sharing, man. Really loved the flat and nice-looking menu!

[misterbiscuit]

Really nice. Thank you for creating this. One question, if I may. How would I be able to make the dropdown menu full width? I've tried different things, but nothing I do seems to work.

[moindorihamburg]

hey Jonas. geiler Content weiter so. Ich habe ein problem. mein Menu kommt over left. Aber ist in der Z axis hinter dem Text der Hero section. hast ne Idee dazu?? DANKE

[maximilian]

Danke Jonas, Top 👍
Wie geht die Farbveränderung, also wenn du auf das dropdown gehst dass die Schrift dann orange wird

[aloha]

Super Tutorial, wenn das jetzt noch responsive wäre 😍

[marylinka]

Hi, ist es auch möglich ein Dropdown zu erstellen mit Text und nicht als Menu. Das sich der Text dann aufklappt?

[toby-o-rink]

Hi Jonas, eine Frage vor der ich gerade sitze. Bei Links funktioniert das, wenn ich auf eine Seite Linke, dass mir dann automatisch auf dieser Seite auch der "Current Status" angezeigt wird. Wie bekomme ich das mit einem Dropdown hin, wenn ich es z.B. aufgeglickt habe? Oder sogar so, wenn im im Submenu des Dropdowns auf eine Seite gelinkt habe, dass dieser Link im Submenu farbig gehighlighted ist und aber auch der Link der Mainnavi im des Dropdowns? LG, Toby

[konstantinosdoxiadis]

Hi Jonas, thanks so much for the tutorial. I tried following along without speaking any German and got the menu working perfectly, but was wondering if you could tell me how to duplicate it for other navigation links too? When I tried duplicating the 'Dropdown' and then changning the icons for the second dropdown menu, it just kept crashing. Do you have any advice on how to do this?