search

anuj123upadhyay / MegaBlog

created a blogging site with all functionality using react and appwrite
https://mega-blog-8587.vercel.app/
14 stars 52 forks source link

Navbar Fix : while scrolling images of body passes over the navbar #383

Open satyam0827 opened 2 weeks ago

satyam0827 commented 2 weeks ago

Issue Title: Navbar Overlapped by Images During Scrolling - UI Fix Needed

Description: When scrolling through the images on the page, the images pass over the navbar, obscuring it and affecting the overall user experience. This issue impacts the visibility and accessibility of the navbar, which should ideally remain fixed and accessible as users scroll down.

image

Expected Behavior:

The navbar should remain fixed at the top of the page and visible at all times. Images or other content should scroll beneath the navbar without overlapping it. Steps to Reproduce:

Go to the page with a scrolling list of images. Begin scrolling down the page. Observe how the images pass over the navbar instead of scrolling beneath it. Suggested Fix:

Adjust the CSS styling to set the navbar as a fixed element. Ensure that the z-index is appropriately set to keep the navbar above other content on the page. Environment:

Browser: [Browser Name and Version] Device: [Device Type] Thank you for looking into this UI issue.

github-actions[bot] commented 2 weeks ago

👋 Thank you for raising an issue! We appreciate your effort in helping us improve. Our team will review it shortly. Stay tuned!