How to create a burger menu

One of the questions we are asked most often is how to create a burger menu in Readymag. Actually, there are several ways to do this. In this video tutorial we show how to use opacity and move animations to create menus in Mobile and Desktop layouts.

Which of these methods is most suitable for you? Share your project in the comments.


It’s really difficult to make a fully functional burguer menu for mobiles. May you prepare a more complete tutorial? thanks in advance.

Hi! In mobile it’s the same as on desktop.
You also can check this template ‘Readymag templates: Rooftop’ by Readymag Templates | Readymag

Tips for mobile
– Use separate widgets for mobile viewport (hidden from desktop)
– Make them ‘Above pages’