Footer Overlapping On Form Fields
Answered
Rhinelander posted this in #help-forum

RhinelanderOP
I need help in this video please.
Answered by Anay-208 | Ping on replies
From what I can tell, you’ll need to set parent component of the pages to relative, and even the routes, and apply a z-0 on footer, or negative z
19 Replies

Eastern Carpenter bee
Your problem is css, not nextjs

@Rhinelander I need help in this video please.

I think you’ll need to use z index to fix it. If that still doesn’t resolve, you might need to send your code

@Anay-208 | Ping on replies I think you’ll need to use z index to fix it. If that still doesn’t resolve, you might need to send your code

RhinelanderOP
It is a react application and I have Header.jsx, SignUp.jsx and SignIn.jsx components.
Should I send the files here?
Should I send the files here?

@Rhinelander It is a react application and I have Header.jsx, SignUp.jsx and SignIn.jsx components.
Should I send the files here?

Send only the necessary files, via GitHub gist
@Anay-208 | Ping on replies

@Rhinelander <@755810867878297610>

Isn’t footer overlapping the sign in components, add the footer also

RhinelanderOP
Ok

From what I can tell, you’ll need to set parent component of the pages to relative, and even the routes, and apply a z-0 on footer, or negative z
Answer

Or higher z on form

@Anay-208 | Ping on replies From what I can tell, you’ll need to set parent component of the pages to relative, and even the routes, and apply a z-0 on footer, or negative z

RhinelanderOP
Okay. Can you update it from your end?

RhinelanderOP
Why

@Rhinelander Why

I’ll have to set up the app my device, which will be a little time consuming for me

@Anay-208 | Ping on replies I’ll have to set up the app my device, which will be a little time consuming for me

RhinelanderOP
Thanks. I have resolved it

RhinelanderOP
I don't understand