Dropdown hidden behind section

Design help Animations & Interactions
1

Hello,

I have some issues with dropdown. Actually, for some of them, when they open they do it behind the section header. See the lil vid. https://www.loom.com/share/573baeeb84d24e74a9eeb3ea4c7988e7

https://preview.webflow.com/preview/opcommerce-ra-2020?utm_medium=preview_link&utm_source=designer&utm_content=opcommerce-ra-2020&preview=2feed18b8124cef8f5c7fea555b9aaf6&workflow=preview

I tried to set z-index but it doesn’t change a thing. I am guessing that that a div from another section can’t step over a section if it’s not set to Absolute ?

Thank you

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

2

Well, your header elements that are usually right below the dropdowns all have some super high z-indexes like 7000. Dropdowns hide behind them. I am not sure why you need these z-indexes but if you remove them nothing seems to be broken and dropdowns work as expeced.

3

Hello.

Thanks for the reply.
For the Z-index, i tried to organise my work. I set it back to auto like you said. But unfortunately it didn’t work out.

you tell me that you tried and you succeed ? Do you mind to reformulate your action ?

Thanks a lot.

4

From what I can tell on your read-only things already work as intended as you have changed your z-indexes to work properly without overlapping.