UI: Mobile header logo overlaps nav on narrow screens (iPhone SE) #196

New Issue

Open

opened 2026-05-29 16:45:56 -05:00 by null · 0 comments

null commented

2026-05-29 16:45:56 -05:00

Owner

Severity: Major

Description: Mobile nav uses w-[85vw] max-w-[300px] but logo is h-12 md:h-16. On ~320px screens the logo + text can compress and cause truncation.

File: src/components/layout/Header.jsx lines 106-116

Fix direction: Use responsive logo sizing or collapse logo to icon-only below 320px.

**Severity:** Major **Description:** Mobile nav uses `w-[85vw] max-w-[300px]` but logo is `h-12 md:h-16`. On ~320px screens the logo + text can compress and cause truncation. **File:** `src/components/layout/Header.jsx` lines 106-116 **Fix direction:** Use responsive logo sizing or collapse logo to icon-only below 320px.

null added the

labels 2026-05-29 16:45:56 -05:00

Sign in to join this conversation.

No Label

No Milestone

No project

No Assignees

1 Participants

Notifications

Due Date

The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: null/Queue-North-Website#196

No description provided.