# How to create a burger menu

**URL:** <https://forum.readymag.com/t/how-to-create-a-burger-menu/62>\
**Category:** General topics\
**Created:** [February 25, 2022, 1:24pm UTC](https://forum.readymag.com/t/how-to-create-a-burger-menu/62 "2022-02-25T13:24:28Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Mary.Readymag](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/mary.readymag/32/27_2.png) [@Mary.Readymag](https://forum.readymag.com/u/Mary.Readymag)\
**Post date:** [February 25, 2022, 1:24pm UTC](https://forum.readymag.com/t/how-to-create-a-burger-menu/62/1 "2022-02-25T13:24:28Z")

</div>

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.

[![](https://us1.discourse-cdn.com/flex015/uploads/readymag/original/1X/0cb107b5ebf30596f91b1501518efbf21eed8196.jpeg "Creating a Hamburger Menu in Readymag") ](https://www.youtube.com/watch?v=RxYoyOnd0WE)

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

---

<div class="post-metadata">

**Author:** ![About\_Studio](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/about_studio/32/104_2.png) [@About\_Studio](https://forum.readymag.com/u/About_Studio)\
**Post date:** [March 19, 2022, 2:25pm UTC](https://forum.readymag.com/t/how-to-create-a-burger-menu/62/2 "2022-03-19T14:25:53Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Mike](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/mike/32/1562_2.png) [@Mike](https://forum.readymag.com/u/Mike)\
**Post date:** [March 22, 2022, 4:13pm UTC](https://forum.readymag.com/t/how-to-create-a-burger-menu/62/3 "2022-03-22T16:13:08Z")

</div>

Hi! In mobile it’s the same as on desktop.  
You also can check this template [‘Readymag templates: Rooftop’ by Readymag Templates | Readymag](https://readymag.com/designs/rooftop123/)

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

---

<div class="post-metadata">

**Author:** ![amelia-alices](https://avatars.discourse-cdn.com/v4/letter/a/838e76/32.png) [@amelia-alices](https://forum.readymag.com/u/amelia-alices)\
**Post date:** [February 10, 2026, 12:16pm UTC](https://forum.readymag.com/t/how-to-create-a-burger-menu/62/4 "2026-02-10T12:16:00Z")

</div>

Thanks!!! The video helps me but making a burger menu for mobile is still a bit harder. The tip which i give you is to use separate mobile items and place them above the page which will be very helpful.