Skip to content

fix(header): make the Get involved menu fit smaller screens - #76

Merged
ZeeshanAdilButt merged 1 commit into
mainfrom
fix/get-involved-dropdown
Oct 28, 2026
Merged

ZeeshanAdilButt merged 1 commit into
mainfrom
fix/get-involved-dropdown

Conversation

@ZeeshanAdilButt

Copy link
Copy Markdown
Member

Reported by a member: the Get involved dropdown was not responsive.

  • From 1024px to about 1100px wide the seven nav links did not fit, so Programs was cut off at the left. The desktop nav now starts at 1280px (xl); below that the menu button is used
  • The dropdown is capped to the screen height below the headline bar and header, and scrolls, so MindMaster and the rest of the programs can be reached
  • Join on Discord sits right under its text instead of the bottom of a tall black column
  • The phone menu height now leaves room for the headline bar

Checked in the browser at 1100x700 (menu button, no clipped links), 1280x600 (dropdown ends at 540px, scrolls, Discord button visible) and 375x667 (menu fits and scrolls, no horizontal overflow).

On screens from 1024 to about 1100px wide the seven links overflowed
the header, and on short screens the Get involved menu ran past the
bottom with no way to scroll, hiding later programs and the Discord
button. The desktop links now start at 1280px, the menu is capped to
the screen height and scrolls, the Discord button sits under its text,
and the phone menu leaves room for the headline bar.
@ZeeshanAdilButt
ZeeshanAdilButt merged commit 3eade84 into main Oct 28, 2026
2 checks passed
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