Hey guys! Why the word is not hidden behind the menu I made?

Question

So after quitting SoloLearn for 6 months I'm finally back and I saw this in my private codes, and I realized this was my unfinished menu that I made that day.

So the problem is the word should be behind the back of the menu but the menu spawns below the word and if I remove the word the menu will be completely okay! So here's the link.

https://code.sololearn.com/WeW1jxMD8G6M/?ref=app

No matter how I try to fix it, it is what it is and I need a helping hand! Thanks in advance

Answer 1

Update the menuOpener and menu classes:

.menuOpener {
position: absolute;
top:0;
left:0;
... Other properties...
}

.menu {
position: absolute;
top: 0;
left: 0;
... Other properties...
}

Answer 2

Igor Makarsky I don't how that works but it's now fixed!

Thank you!

Edit: Now I get how that works, so basically the menu will be position to the top fullest so it can cover those who is on the top of the menu.