Gold Penguin Logo with Text

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 October 24, 2022

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:

Want To Learn Even More?
If you enjoyed this article, subscribe to our free monthly newsletter
where we share tips & tricks on how to use tech & AI to grow and optimize your business, career, and life.
Reading Time: 1 minute
Written by Justin Gluska
Justin is the founder of Gold Penguin, a business technology blog that helps people start, grow, and scale their business using AI. The world is changing and he believes it's best to make use of the new technology that is starting to change the world. If it can help you make more money or save you time, he'll write about it!
Notify of

1 Comment
Most Voted
Newest Oldest
Inline Feedbacks
View all comments
Join Our Newsletter!
If you enjoyed this article, subscribe to our newsletter where we share tips & tricks on how to make use of some incredible AI tools that you can use to grow and optimize a business