Skip to content

Keep navigation path visible on smaller screens#1414

Open
TeaTinyTool wants to merge 1 commit into
prasathmani:masterfrom
TeaTinyTool:fix/responsive-navbar-path-visible
Open

Keep navigation path visible on smaller screens#1414
TeaTinyTool wants to merge 1 commit into
prasathmani:masterfrom
TeaTinyTool:fix/responsive-navbar-path-visible

Conversation

@TeaTinyTool

Copy link
Copy Markdown

Summary

  • keep the current navigation path visible below the desktop navbar breakpoint
  • truncate long paths with an ellipsis when space is limited
  • preserve the existing collapsed navigation and search behavior
  • keep desktop navigation actions right-aligned and on a single line

Testing

  • verified navbar structure and responsive CSS selectors
  • confirmed dropdown links are not affected by the no-wrap rule

Before:
image

After:
image

Move the current path outside the collapsible navigation so it remains
visible below the desktop breakpoint.

Truncate the header path when space is limited while preserving the
existing right-aligned desktop navigation layout.

Show the complete, wrapping path as an additional row when the mobile
navigation menu is expanded. Keep navigation actions on one line and
leave the existing search and collapse behavior unchanged.
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