I have a footer that need to go on top of a sticky header.
Unfortunately it doesn’t work, despite them being on the same level markup etc.

I have designed my sites mobile nav, but im having some problems trying to get this to be on top of the other elements on the page layer problem image here.
There are three text areas on the page that I cant seem to get to sit behind the menu, which is then causing some menu items not to show the sub menu when hovered over . I think this is z-index related.

I’m trying to make some text appear after an “artificial” loading screen. I tried using z-index to stack the loading screen on top of the text, so after it fades out you can see the text behind it, however said text doesn’t stack and just appears next to it as it loads. How can I fix this?

I’m wanting to get a graphic like the attached to overlay on top of text. Not sure the best way, is it via CSS or image?