Skip to content

Mobile navigation menu items are truncated on small screens #2525

@Bhumikagarggg

Description

@Bhumikagarggg

Description

On mobile devices, some navigation menu items with longer labels are getting truncated or cut off in the hamburger menu dropdown.

For example:

  • “Talks and Trainings”
  • “Contributing”
  • “Discussion Forum”

As shown in the screenshots, the text does not fully fit within the menu container, which impacts readability and user experience.

Expected Behavior

Menu item labels should be fully visible and wrap or adjust properly on mobile screens without being cut off.

Actual Behavior

Long menu labels are partially hidden or clipped in the mobile navigation dropdown.

Screenshots

Image
Image

Environment

  • Device: Mobile
  • OS: Android
  • Browser: Chrome

Additional Context

This appears to be a CSS/layout issue related to fixed widths, padding, or text overflow handling in the mobile navigation menu.

Metadata

Metadata

Assignees

Labels

kind/bugSomething isn't working

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions