BUG: Content Hidden Under Navbar Due to Improper Top Margin

AnushkaChouhan25 commented 3 days ago

Preliminary Check

[X] I have searched the existing issues
[X] This issue is reproducible

Bug Summary

On some pages, the main content appears to be partially hidden behind the navbar. This is likely due to insufficient top margin or padding, causing the content to overlap with the fixed or sticky navbar.

Steps to Reproduce

Add adequate top margin or padding to the main content container so that it sits below the navbar.
Adjust the CSS so that the content is offset by the height of the navbar, ensuring consistent visibility on all pages.
Verify the top margin on both desktop and mobile views to maintain responsive design alignment.

Expected Behavior

No response

Screenshots/Logs

Additional Information

[X] I agree to follow this project's Code of Conduct
[X] I'm a GSSOC'24 contributor
[X] I want to work on this issue
[X] I can provide more details if needed

Jaishree2310 commented 1 day ago

@AnushkaChouhan25, I have assigned you the most important issue right now please make a PR soon.

Jaishree2310 commented 1 day ago

@AnushkaChouhan25 All the issues assigned to you please complete it as soon as possible without any conflicts.

AnushkaChouhan25 commented 6 hours ago

@Jaishree2310 Okay Sure

AnushkaChouhan25 commented 6 hours ago

@Jaishree2310 Done

Jaishree2310 / GlassyUI-Components