Build a Beautiful Navigation Menu with Breakdance Builder

In this tutorial, we'll recreate the list of main features on the official Breakdance website in our own navigation menu bar
Written by Justin on September 1, 2022 in
Updated: September 2, 2022 | Reading Time: 2 minutes

Website navigation is what users are going to see and use first when they're sifting through pages on your site. So you want that top bar to be both beautiful and functional. With Breakdance's drag-and-drop interface, you can easily add or remove elements from your navigation bar and set up custom links to pages on your site. In this tutorial, we'll recreate the main elements from the list of main features on the official Breakdance website in our own menu bar.

Default navigation menu dropdown in Breakdance Builder

Navigation Menu Elements in Breakdance

If you add a menu builder element to your page, you should see it automatically populate with some basic elements like custom dropdowns, menu links, and normal dropdowns. Each of these has its own purpose:

Menu Links - For the simple links that just go to other pages on your website.

Normal Dropdowns - These are mainly used for grouping together menu items under a common heading. You can have various links and style them with icons accordingly.

Custom Dropdowns - For more complicated links, like those that open up a modal window or link to an external page. We've used this to open login & register forms in the top right corner of our site.

Menu builder with dropdown for additional menu options in Breakdance Builder

Now that we know the basics, let's move on and recreate the main features from the Breakdance website!

Edit Menu Elements in Breakdance

We decided to put together a video showing how to manipulate the menu, we created a menu with the same styling options as the default menu from above.

Join Our Newsletter!
If you enjoyed this article, subscribe to our free monthly newsletter providing you tips & tricks on how to grow your digital business using powerful online tools & AI.
Written by Justin
Justin is the founder of Gold Penguin, a web design and marketing agency that helps businesses increase their revenue using the internet. He writes about the latest software and tools that can help companies 10x their daily workflow & revenue


Notify of

Inline Feedbacks
View all comments
Made with 💛 by Gold Penguin © 2022