How to get breadcrumb to show up all in one line?

Ask us anything How do I?
1

image
image4488×1036 358 KB

I have a breadcrumb consisting of 4 different texts.

It works fine on desktop but on mobile, the breadcrumb shows up weird on the phone

image
image758×300 13.6 KB

I would add everything into the same text element but each of the 4 texts have a link to a different page and is fetching a different collection to get the data to show.

How do I get the breadcrumb to show properly?

2

Turn off wrapping on flex parent and use text ellipsis to cut off texts