# Animated Menu button

**URL:** <https://forums.realmacsoftware.com/t/animated-menu-button/31625>\
**Category:** RapidWeaver Classic\
**Created:** [March 7, 2020, 3:03pm UTC](https://forums.realmacsoftware.com/t/animated-menu-button/31625 "2020-03-07T15:03:53Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![kaktus](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/kaktus/32/18516_2.png) [@kaktus](https://forums.realmacsoftware.com/u/kaktus)\
**Post date:** [March 7, 2020, 3:03pm UTC](https://forums.realmacsoftware.com/t/animated-menu-button/31625/1 "2020-03-07T15:03:53Z")

</div>

Hi to all,

I purchased RapidWeaver ver. 8.5.1., Stacks 4, Foundation 6.1.3, and some extra stacks.

I can’t find a solution for a menu button I would like to have on my page. On following page examples they used an animated menu button. Is there some way/extra stack or add-on for RapidWeaver to get similar result with menu button style when menu opens? Here are some samples:

[https://tehnozvezdje.si](https://tehnozvezdje.si) (only on mobile version, on desktop version there is no menu button),

I am thinking about something like that maybe:

[https://codetea.com/hamburger-menu-button/](https://codetea.com/hamburger-menu-button/)

Is there any add-on or extra Stack for such an integration?

Thank you all for your help and answers.

Kaktus

---

<div class="post-metadata">

**Author:** ![timrw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/timrw/32/2687_2.png) [@timrw](https://forums.realmacsoftware.com/u/timrw)\
**Post date:** [March 8, 2020, 8:58am UTC](https://forums.realmacsoftware.com/t/animated-menu-button/31625/2 "2020-03-08T08:58:40Z")

</div>

Hi [kaktus](https://forums.realmacsoftware.com/u/kaktus).

For example **Clean Menu** ([https://onelittledesigner.com/rapidweaver-stack/clean-menu/](https://onelittledesigner.com/rapidweaver-stack/clean-menu/)) uses an “animated hamburger-icon” (and others) … maybe this navigation is one you are looking for or you can use!?

---

<div class="post-metadata">

**Author:** ![kaktus](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/kaktus/32/18516_2.png) [@kaktus](https://forums.realmacsoftware.com/u/kaktus)\
**Post date:** [March 8, 2020, 8:34pm UTC](https://forums.realmacsoftware.com/t/animated-menu-button/31625/3 "2020-03-08T20:34:56Z")

</div>

Hi @timrw

Thank you for your help. It really is made in the way I was looking for. Are there also some other options you know perhaps? Is this the only one “hamburger-icon” type menu for RapidWeaver?

---

<div class="post-metadata">

**Author:** ![timrw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/timrw/32/2687_2.png) [@timrw](https://forums.realmacsoftware.com/u/timrw)\
**Post date:** [March 8, 2020, 9:07pm UTC](https://forums.realmacsoftware.com/t/animated-menu-button/31625/4 "2020-03-08T21:07:41Z")

</div>

Hi [kaktus](https://forums.realmacsoftware.com/u/kaktus).

Not only!  
Have a look at the linked examples on the product-site from 1LD:  
**Burger** , **Dots** and **Caret**.  
 ![3options](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/1/516688715b45fbf96157594463ffe04a40445e04.png)

I actually use this menu for one new project (real estate) - looks and works fine.

---

<div class="post-metadata">

**Author:** ![kaktus](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/kaktus/32/18516_2.png) [@kaktus](https://forums.realmacsoftware.com/u/kaktus)\
**Post date:** [March 8, 2020, 9:17pm UTC](https://forums.realmacsoftware.com/t/animated-menu-button/31625/5 "2020-03-08T21:17:40Z")

</div>

You mean in “Clean menu” stack? Or in some other stack on 1LD page?

---

<div class="post-metadata">

**Author:** ![timrw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/timrw/32/2687_2.png) [@timrw](https://forums.realmacsoftware.com/u/timrw)\
**Post date:** [March 8, 2020, 9:20pm UTC](https://forums.realmacsoftware.com/t/animated-menu-button/31625/6 "2020-03-08T21:20:58Z")

</div>

[https://onelittledesigner.com/rapidweaver-stack/clean-menu/#examples](https://onelittledesigner.com/rapidweaver-stack/clean-menu/#examples)

---

<div class="post-metadata">

**Author:** ![kaktus](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/kaktus/32/18516_2.png) [@kaktus](https://forums.realmacsoftware.com/u/kaktus)\
**Post date:** [March 8, 2020, 10:24pm UTC](https://forums.realmacsoftware.com/t/animated-menu-button/31625/7 "2020-03-08T22:24:08Z")

</div>

Great, I just purchased. Thank you for your suggestion, I think this is the one I have been looking for! 😊

---

<div class="post-metadata">

**Author:** ![timrw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/timrw/32/2687_2.png) [@timrw](https://forums.realmacsoftware.com/u/timrw)\
**Post date:** [March 9, 2020, 7:11am UTC](https://forums.realmacsoftware.com/t/animated-menu-button/31625/8 "2020-03-09T07:11:37Z")

</div>

Great, I’m happy if you like it and I could possibly help a little bit. 🙂

By the way: 1LD also has some other nice menu-stacks that uses “hamburger”:  
Overlay Menu, Action Menu, Side Menu (but this without x-Animation)

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/system/32/25301_2.png) [@system](https://forums.realmacsoftware.com/u/system)\
**Post date:** [April 8, 2020, 5:11pm UTC](https://forums.realmacsoftware.com/t/animated-menu-button/31625/9 "2020-04-08T17:11:40Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
