# Issue with modal over sticky section

**URL:** <https://community.weweb.io/t/issue-with-modal-over-sticky-section/1162>\
**Category:** Ask us anything\
**Created:** [September 22, 2022, 12:55pm UTC](https://community.weweb.io/t/issue-with-modal-over-sticky-section/1162 "2022-09-22T12:55:02Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![foliodc](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/foliodc/32/761_2.png) [@foliodc](https://community.weweb.io/u/foliodc)\
**Post date:** [September 22, 2022, 12:55pm UTC](https://community.weweb.io/t/issue-with-modal-over-sticky-section/1162/1 "2022-09-22T12:55:02Z")

</div>

I’d like to have a sticky nav on mobile. When I add a z-axis to the nav, I cannot set my signup modal to appear full-screen in front of the nav.

Page on load:  
 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/e/e71b27f2a9e1a8f5fae55a2fc6496a835017141a.jpeg)

Sticky nav without z axis, lower sections cover it:  
 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/4/4314a52c69be9fb1395f06e25ef0e91a683b2459.jpeg)

Sticky nav without z axis, signup modal fills screen:  
 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/1/14b2e69cd7a25382f3ef19129229155538f04f0a.png)

With z-axis on sticky nav, modal appears behind:  
 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/a/a1b28061e78039924e80f5a48608e7f7874ca2c2.png)

I tried changing the z-axis of the flexbox inside the modal but no luck. I cannot change the z-axis of the modal itself. I tried just moving the modal down but it looks messy and doesn’t function as well.

Am I missing something? Not sure if there is a code fix, would need to be specific to mobile.

Thank you

---

<div class="post-metadata">

**Author:** ![Mael](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/mael/32/13246_2.png) [@Mael](https://community.weweb.io/u/Mael)\
**Post date:** [September 27, 2022, 9:46am UTC](https://community.weweb.io/t/issue-with-modal-over-sticky-section/1162/2 "2022-09-27T09:46:30Z")

</div>

Hello @foliodc,

If you want your modal over your sticky header, it’s possible. The default Z-axis for the modal is 30, so if you have Z-axis of your header under this value, your modal will be over it

If you want to have your modal under your sticky header, I think the best way is to add a margin top to your modal

---

<div class="post-metadata">

**Author:** ![foliodc](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/foliodc/32/761_2.png) [@foliodc](https://community.weweb.io/u/foliodc)\
**Post date:** [September 27, 2022, 3:25pm UTC](https://community.weweb.io/t/issue-with-modal-over-sticky-section/1162/3 "2022-09-27T15:25:58Z")

</div>

Thank you that fixed it!