# Weweb element Modal visual issue

**URL:** <https://community.weweb.io/t/weweb-element-modal-visual-issue/18562>\
**Category:** How do I?\
**Tags:** design\
**Created:** [June 2, 2025, 10:26am UTC](https://community.weweb.io/t/weweb-element-modal-visual-issue/18562 "2025-06-02T10:26:08Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![tcc](https://avatars.discourse-cdn.com/v4/letter/t/df705f/32.png) [@tcc](https://community.weweb.io/u/tcc)\
**Post date:** [June 2, 2025, 10:26am UTC](https://community.weweb.io/t/weweb-element-modal-visual-issue/18562/1 "2025-06-02T10:26:08Z")

</div>

I am using predesigned Weweb Modals. I have 2 Modals with 2 triggers on the same page. After triggering the 1st modal, I get a visual issue, as the trigger from the 2nd modal is overlapping with the 1st modal. I tried the Z axis, but didn’t get any better results. Any idea how to solve the visual issue?

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/c/c3d2cc20ce5ee32081f861b936158587c5d7e578.png)

---

<div class="post-metadata">

**Author:** ![Agustin\_Carozo](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/agustin_carozo/32/13231_2.png) [@Agustin\_Carozo](https://community.weweb.io/u/Agustin_Carozo)\
**Post date:** [June 2, 2025, 6:56pm UTC](https://community.weweb.io/t/weweb-element-modal-visual-issue/18562/2 "2025-06-02T18:56:37Z")

</div>

Hi tcc 👋

This seems like it’s indeed an inssue with your X axis in some of your elements.

Can you share a screenshot of your element settings and of your layout tree?

---

<div class="post-metadata">

**Author:** ![tcc](https://avatars.discourse-cdn.com/v4/letter/t/df705f/32.png) [@tcc](https://community.weweb.io/u/tcc)\
**Post date:** [June 3, 2025, 6:47am UTC](https://community.weweb.io/t/weweb-element-modal-visual-issue/18562/3 "2025-06-03T06:47:43Z")

</div>

I have a container, with 3 trigger buttons inside.  
 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/7/7117f94f90f01d0e321b006a6d2326e8aa46dda8.png)

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/b/bb23e290d099a6ad9001245120c305908e8f6b81.png)  
 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/1/145337ec10a01d59a39206e418e0db82431f23a7.png)  
All the buttons have Z axis disabled.  
The modal with overlay with the content container, has Z axis set as 2:  
 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/3/35763d38ee34df23002bc0f493f6beb2b503de00.png)  
However, as you can note, the two buttons that are not triggered, are still over the content container, even though the Z axis is disabled. I tried setting the Z axis on the trigger buttons to 1, but no difference. The container which stores all 3 triggers has Z axis disabled also.

---

<div class="post-metadata">

**Author:** ![Agustin\_Carozo](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/agustin_carozo/32/13231_2.png) [@Agustin\_Carozo](https://community.weweb.io/u/Agustin_Carozo)\
**Post date:** [June 3, 2025, 1:27pm UTC](https://community.weweb.io/t/weweb-element-modal-visual-issue/18562/4 "2025-06-03T13:27:28Z")

</div>

Thanks for sharing more information TCC,

I’m going to need to ask you to open a support chat so someone from the technical team can look at your issue.

 ![Screenshot 2025-05-16 at 11.19.45](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/9/9a42036cb6e23c31633ce6e7df31965e1cfac5ae.jpeg)