Как сделать , чтобы на мобилке при переходе на страницу показывалась последняя хлебная крошка, вот так:
![5ffe9aad8fe7f125947821.jpeg](https://habrastorage.org/webt/5f/fe/9a/5ffe9aad8fe7f125947821.jpeg)
А изначально состояние такое:
![5ffe9ac561d58941127364.jpeg](https://habrastorage.org/webt/5f/fe/9a/5ffe9ac561d58941127364.jpeg)
Есть у меня предположение, что так делать можно только на JS, если так то нативный вараинт напишите пожалуйста
код родителя хлебных крошек:
.bread-crumbs {
display: flex;
white-space: nowrap;
overflow-x: scroll;
}
<ul class="bread-crumbs">
<li><a href="">Главная</a></li>
<li><a href="">Работы</a></li>
<li><a href="">Дизайн-проект</a></li>
<li><a href="">1-к Квартира 57 кв/м</a></li>
</ul>