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

**URL:** <https://community.weweb.io/t/how-to-get-breadcrumb-to-show-up-all-in-one-line/6067>\
**Category:** How do I?\
**Created:** [December 22, 2023, 12:09am UTC](https://community.weweb.io/t/how-to-get-breadcrumb-to-show-up-all-in-one-line/6067 "2023-12-22T00:09:51Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![raelyn](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/raelyn/32/2803_2.png) [@raelyn](https://community.weweb.io/u/raelyn)\
**Post date:** [December 22, 2023, 12:09am UTC](https://community.weweb.io/t/how-to-get-breadcrumb-to-show-up-all-in-one-line/6067/1 "2023-12-22T00:09:51Z")

</div>

![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/b/b616eabe0d9239e00b92c66cf75a76cc113358fe.png)

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](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/b/b51a60cf3f039f778f8c06258eab186c8d7f8e24.png)

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?

---

<div class="post-metadata">

**Author:** ![luka](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/luka/32/1571_2.png) [@luka](https://community.weweb.io/u/luka)\
**Post date:** [December 22, 2023, 12:21pm UTC](https://community.weweb.io/t/how-to-get-breadcrumb-to-show-up-all-in-one-line/6067/2 "2023-12-22T12:21:33Z")

</div>

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