Доброго времени всем. Уважаемые мафиозники,прошу помощи.Суть такая.

Есть список категорий в Pages. В планах вывести список категорий на главной в таком виде

Вывожу без проблем.Почти.

Проблема в количестве категорий.При большом кол-ве список переносится на другую строку,естественно это не красиво.

Пытаюсь реализовать такой вариант (скрин с другого сайта):

 

То есть элементы которые не вмещаются в ширину страницы "прячутся",а стрелки для перелистывания списка категорий туды-сюды.

Попытался применить ips'овский data-ipsTruncate,но он работает только в вертикальном направлении.

Помогите,пожалуйста,с реализацией.

Спасибо всем за подсказку. Но вопрос решил сам,ну получилось так чтож поделать.

За основу решения принял owl.carousel. То есть пункт меню играет роль слайда.

Создал отдельный файл-шаблон для вывода этой менюшки и подключил его в globalTemplate

После небольших манипуляций получился такой итог

использовал ips'овские классы адаптивности  чтобы выводилось только на десктопах и планшетах.

Для мобильной версии Категории вывел в другом месте,используя ips'овские классы и методы,отредактировав файл mobileNavBar

 Ну вот как-то так. Удачи всем!