Footer Overlapping On Form Fields

[halcyon sonnet]

I need help in this video please.

[proud kindle]

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

[remote basin]

Your problem is css, not nextjs

[faint yoke]

Please add more information to your question

Your question currently does not have sufficient information for people to be able to help. Please add more information to help us help you, for example: relevant code snippets, a reproduction repository, and/or more detailed error messages. See more info on how to ask a good question in https://discord.com/channels/752553802359505017/1138338531983491154 and #welcome message.

Requested by Anay-208 | Ping on replies

[woven lantern]

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

[halcyon sonnet]

It is a react application and I have Header.jsx, SignUp.jsx and SignIn.jsx components.

Should I send the files here?

[woven lantern]

Send only the necessary files, via GitHub gist

[halcyon sonnet]

Okay

https://gist.github.com/Dumte/5f3693f76a9464d645448292d233b90e

@woven lantern

[woven lantern]

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

[halcyon sonnet]

Ok

[halcyon sonnet]

Updated.

[woven lantern]

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

Or higher z on form

[halcyon sonnet]

Okay. Can you update it from your end?

[woven lantern]

No

[halcyon sonnet]

Why

[woven lantern]

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

[halcyon sonnet]

Thanks. I have resolved it

[woven lantern]

Can you mark solution?

[halcyon sonnet]

I don't understand

[faint yoke]

Mark an answer as the solution

To mark the message as solution:

1. Hover over the message you want to mark as the solution.
2. Right click the message Click the three dots that appear on the right side.
3. You'll see a menu which should have the option of Apps. Hover Over it.
4. Click on the Mark as Answer option.
   Note: If you don't see the Mark as Answer option or Apps option, restart/update your discord app!

Requested by Anay-208 | Ping on replies