cssmenutooltipz-indexfloating

Floating Menu on Tooltips (z-index problem)

I'm trying to have a floating menu on top of some text with tooltips but running into a z-index problem. I tried all different combinations of z-index values and placements with no success. I'm sure that I'm missing something obvious. Can someone help?

CODE: https://tuw.fqd.mybluehost.me/sites/test.html

FLOATING HAMBURGER MENU SOURCE: https://codepen.io/Cubbe/pen/RKEBby

TOOLTIP SOURCE: https://www.w3schools.com/css/css_tooltip.asp

z-index: 1;
Solution

  • Add z-index: 1; on #menu style and move <div class="bg-cover reveal"></div> at last position of divs. Here