Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix Navbar Overlapping issue #18

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Conversation

mohitvdx
Copy link

Issue:

The column navbar on the right side is overlapping with the top navbar when transitioning from a lower width to a larger width of the website.

Steps to Reproduce:

  1. Visit the website.
  2. Observe the column navbar on the right side.
  3. Adjust the width of the website from lower to larger.

Screenshot:
Screenshot 2024-02-25 at 12 29 11 AM

Changes:

Implemented a condition to close the side navbar when the width of the webpage is increased. The fix addresses the overlapping issue and ensures a better user experience.

Updated Design:

polyphyVideo.mov

Additional Notes:

  • Tested the fix across various screen sizes to ensure responsiveness.
  • Reviewed the code changes to ensure compatibility with different browsers.

This PR resolves the overlapping issue between the column navbar and the top navbar, improving the layout consistency of the website.

Copy link

sonarcloud bot commented Feb 24, 2024

Quality Gate Passed Quality Gate passed

Issues
0 New issues

Measures
0 Security Hotspots
No data about Coverage
No data about Duplication

See analysis details on SonarCloud

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant