Why the object is floating upside when I press menu button?

Question

I am completely new to css . And it's not my css code . I have done this by looking a youtube channel
https://code.sololearn.com/WhlEOVDkNI7a/?ref=app

Answer 1

as your .inputfn container come after your <ul> menu container in the html source and both are positionned, the former default come below the later (in source order) until you define explicit z-index value(s)...

one way to fix it (reverse the layers order), you could set the .inputfn css rule
"z-index:-1;"...

https://developer.mozilla.org/en-US/docs/Web/CSS/z-index

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index

Answer 2

I don't want the input details in middle when I press menu button. some how I want to disable inputfn code

Answer 3

Ohh sounds interesting to fix it let let me try that thanks visph

Answer 4

Thanks I changed inputfn z index to -1

Answer 5

You'll be advised to study and experiement deeply this topic by diving at least in the link I've provided ;)