📋 Description
The Sign Up page is partially obscured by the fixed navigation header. When navigating to the /sign-up page, the top portion of the sign-up form is hidden beneath the header, making the page appear misaligned and reducing the visibility of the form.
This issue appears to be caused by the page content not accounting for the height of the fixed/sticky navigation bar.
🔄 Steps to Reproduce
Steps to reproduce the behavior:
- Open The Dev Pocket website.
- Click on Login and navigate to the Sign Up page (or visit
/sign-up directly).
- Observe the page immediately after it loads.
- Notice that the top portion of the sign-up form is covered by the fixed navigation header.
✅ Expected Behavior
The sign-up form should be positioned completely below the fixed navigation header with sufficient top spacing, ensuring that the entire form is visible when the page loads.
🚫 Actual Behavior
The fixed navigation header overlaps the top section of the sign-up page, causing the beginning of the form to be hidden until the user scrolls down.
📸 Screenshots / Logs
💻 Environment
| Item |
Value |
| OS |
Windows 11 |
| Browser |
Google Chrome |
| Node.js version |
N/A |
| The Dev Pocket version |
Latest deployed version |
| Other relevant info |
Issue observed on the /sign-up page |
📝 Additional Context
- Frequency: Always
- Affected Page: Sign Up (
/sign-up)
- Possible Cause: The page container does not include sufficient top padding/margin to compensate for the fixed/sticky navigation bar.
- Suggested Fix: Add appropriate top padding or margin equal to the height of the fixed header, or adjust the layout so the authentication form is rendered below the navigation bar.
✨ Checklist
🙏 Thanks for reporting! Your help makes The Dev Pocket better. Our team will review your report and get back to you as soon as possible.
📋 Description
The Sign Up page is partially obscured by the fixed navigation header. When navigating to the
/sign-uppage, the top portion of the sign-up form is hidden beneath the header, making the page appear misaligned and reducing the visibility of the form.This issue appears to be caused by the page content not accounting for the height of the fixed/sticky navigation bar.
🔄 Steps to Reproduce
Steps to reproduce the behavior:
/sign-updirectly).✅ Expected Behavior
The sign-up form should be positioned completely below the fixed navigation header with sufficient top spacing, ensuring that the entire form is visible when the page loads.
🚫 Actual Behavior
The fixed navigation header overlaps the top section of the sign-up page, causing the beginning of the form to be hidden until the user scrolls down.
📸 Screenshots / Logs
💻 Environment
/sign-uppage📝 Additional Context
/sign-up)✨ Checklist
🙏 Thanks for reporting! Your help makes The Dev Pocket better. Our team will review your report and get back to you as soon as possible.