Help with Z index / Positioning

RohanGanachari · June 25, 2019, 2:52pm

Hello all,

How to make the div (which acts as a drop-down menu) overlap the tabs underneath?

Thank you.

Here is my site Read-Only: https://preview.webflow.com/preview/online-lubricants?utm_medium=preview_link&utm_source=designer&utm_content=online-lubricants&preview=606df8459450b2cb45518e1c7cc1aea2&pageId=5cee803d3c0d6cc9bd89a6c8&mode=preview
(how to share your site Read-Only link)

robingranqvist · June 25, 2019, 3:06pm

Hey,

it seems like those menu items indeed overlap those behind, they are just at a low opacity.

RohanGanachari · June 25, 2019, 3:11pm

Yes, so how can I get the drop-down menu infront of the tabs?

This, I don’t understand.

robingranqvist · June 25, 2019, 6:07pm

Ah, sorry. I thought you wanted the tabs in front of the drop-down. By changing the “side__tabs-menu” div’s z-index to -1, they’ll go behind the drop down like so;

RohanGanachari · June 26, 2019, 8:08am

Yes, I had tried this. But then, the tabs-menu disappears altogether.