Как сделать хлебные крошки с прокруткой?

Question

[mipfikus]

Хлебные крошки от Woocommerce очень длинные и на телефоне занимают много строчек.
Как сделать чтобы на телефоне хлебные крошки шли в 1 линию и их можно было-бы скроллить вправо и влево?
Тоже самое сделано на сайте rdveikals.lv (видно только на телефоне).
Вот страница с моего сайта: mextra.segmenti.lv/product/станина-установки-алмазного-бурения-by-3/
Спасибо!

Answer 1

[Andrey Vasilev]

Пишешь медиазапрос, потом прописываешь стили:

woocommerce-breadcrumb{
    white-space: nowrap;
    overflow-x: scroll;
}

Comments

[mipfikus]

Помогло, только точку в начало поставил.
Спасибо!

[Andrey Vasilev]

mipfikus, рад помочь)

Answer 2

[Арсений Матыцин]

Обычный скролл, ничего интересного. Просто на мобилке нет этой полосы прокрутки (в принципе в интерфейсе браузера).

Comments

[mipfikus]

Спасибо за наводку, для вас обычный скролл, мне - чудо робототехники