CSS Flyout menu disappears behind body content

Hello everyone,

Quick question!

I’m using a CSS Flyout menu on my website and the CSS Flyout menu disappears behind images and items on the body of the page. It’s happening on all browsers so it’s a flaw in my code somewhere!

A solution will be greatly appreciated! Got help?

Thanks,
RB

put it as a first element in body,
add absolute position and give z-index: 12000

this should help

TriLLi

Thank you. I’ll try the “z-index: 12000” but I’m not sure I can actually put it first element in the body! It’s a dynamic system and I’m using hooks to inject the navigation. Trying now…

And viola! It worked!

I added “z-index: 12000” as the last tag in the fist style (it’s embedded) and it solved the challenge.

TriLLi, thank you for your assistance! I truly appreciate your help.

Regards,
RB