How to Make a Sliding Popout Menu in Breakdance Builder

Responsive menu popouts can really give your site a professional feel. Adding one in Breakdance only takes a few minutes.
Updated by Justin on October 24, 2022 in
Reading Time: 1 minute

In this video, we'll go over creating a responsive popup menu that launches from a menu button in your site’s header. Sometimes you want to add a vertical sliding menu as opposed to the default top horizontal menu that is generally used on both websites. The menu bar we'll be creating today works on all device sizes and includes smooth transitions.

You’ll learn how to create a menu popup that:

  • Is engaging, functional, and animated
  • Is responsive on mobile and tablets

To do this, we'll be adding a popup element, aligning it to the left, setting the width to 480px, setting the height to 100%, and then adding text links and a brand logo inside the element. We'll also add an entry fade & exit fade animation. Here's how:

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