akshitagupta15june / akshitagupta15june/PetMe

🪲[Bug]: [UI Bug] Support Us dropdown text misaligned and unreadable in mobile navigation

Open
#2,016 1 comment 0 reactions 0 assignees View on GitHub
bug
Dominant language
HTML
Stars
515
Forks
747
PR merge metrics
No merged PRs in 30d

Description

**Describe the bug**
When opening the navigation menu on smaller screens (mobile view), the Support Us → Become a Volunteer dropdown is misaligned. The text is partly cut off, overlapping with the background, and has poor visibility compared to other menu items.

**To Reproduce**
Steps to reproduce the behavior:
1.Open the site on mobile or shrink the browser window.
2.Click the hamburger menu (top-right).
3.Expand the Support Us dropdown.

**Expected behavior**
->The "Become a Volunteer" option is not properly aligned.
-> Text overlaps and is hard to read due to background contrast.

**Screenshots**

Image

**Desktop**
OS: Ubuntu Linux 24.04
Browser: Firefox (latest version)

**Additional context**
The dropdown styling for "Support Us" seems inconsistent with the rest of the nav menu. Likely a CSS issue with positioning or background contrast.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.