Is this the best way to display user navigation path in modern UX? If user navigation path is too long for one line, can breadcrumb be split across second line ? If not is there any alternative available in modern UX ?

Also my websites menu is directly above the breadcrumb, will this cause any confusion to the user? Is there any alternative placement for the breadcrumb ?

Some templates prefer to show the breadcrumb at right side of the page but the application for which we are planning this feature might contain long names.

enter image description here


You can use truncation to allow longer titles and deeper nesting. It also works when you have a smaller viewport.

Assuming you may have some deep hierarchies and perhaps long titles, you can start truncating the links to allow users to still see (and select) to navigate back up the hierarchy.

enter image description here

This pattern can be seen in Google Drive.

| improve this answer | |
  • Great! that seems like a good approach for long titles and deeper nesting. – Anjan Rane Oct 4 at 5:45
  • My website menu is directly above the breadcrumb, can this cause any confusion for the user ? Can you suggest something about this ? – Anjan Rane Oct 4 at 5:47

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.