# Draggable objects going over lottie 

**URL:** <https://forum.readymag.com/t/draggable-objects-going-over-lottie/7074>\
**Category:** Uncategorized\
**Created:** [August 21, 2026, 9:06am UTC](https://forum.readymag.com/t/draggable-objects-going-over-lottie/7074 "2026-08-21T09:06:59Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ali\_Hadley](https://avatars.discourse-cdn.com/v4/letter/a/f19dbf/32.png) [@Ali\_Hadley](https://forum.readymag.com/u/Ali_Hadley)\
**Post date:** [August 21, 2026, 9:06am UTC](https://forum.readymag.com/t/draggable-objects-going-over-lottie/7074/1 "2026-08-21T09:06:59Z")

</div>

Hi! I’m currently having an issue with my hamburger menu Lottie animation and draggable objects.

I have the Lottie pinned to the top of the page as my menu. The other objects on the page are draggable and **not pinned**. However, when I drag the objects and then open the hamburger menu, the draggable objects remain **on top of the menu/Lottie** , instead of staying underneath it.

Is there a way to make sure the hamburger menu and its Lottie animation always appear above the draggable objects when the menu is opened? I’d really appreciate any help!

---

<div class="post-metadata">

**Author:** ![madalina\_mirela\_coja](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/madalina_mirela_coja/32/4332_2.png) [@madalina\_mirela\_coja](https://forum.readymag.com/u/madalina_mirela_coja)\
**Post date:** [August 22, 2026, 8:26am UTC](https://forum.readymag.com/t/draggable-objects-going-over-lottie/7074/2 "2026-08-22T08:26:58Z")

</div>

Hi Ali , have you tried to put the lottie animation as the first object on the list of the layers?