Popup Text Layering Issue

Design help Animations & Interactions
#1

Hello!

Here’s the page with the issue: Webflow - AllVoices

If you scroll down on the mobile version of the page and click/hover on the question mark under “Administrator Seats”, the popup cuts off, but the popup under the next row doesn’t have that issue. I tried playing around with the z-index and the issue is still happening. How can I fix this?

Thank you

Here is my public share link: LINK
(how to access public share link)

#2

hi @Remi_Silva issue is related to your overflow:hidden

CleanShot 2022-03-12 at 11.43.33
CleanShot 2022-03-12 at 11.43.331877×751 160 KB

the easiest way to fix is to adjust padding-top for tabs-content on mobile viewport or set reset overview if you will be fine with tooltip covering buttons above. Your call :wink:

CleanShot 2022-03-12 at 11.49.02
CleanShot 2022-03-12 at 11.49.021477×621 115 KB

#3

Perfect! That worked. Thank you Stan.

1 Like