<nav class="ma-navbar navbar-scroll" style="display: flex; align-items: center !important;">
<div class="container">
<div class="row d-flex mt-2 justify-content-md-start align-items-center position-relative" >
<div class="col-12 col-md-12" style="position: relative;">
<ul class="d-flex col-12 flex-row secondary-navbar scroll-conteneur navbar-scroll" style="white-space: nowrap; width: 95%;">
{% for category in getAllCategories %}
<li class="menu-item">
<a href="{{ path('app_coin_by_category', {'category': category.id, 'name': category.slug }) }}" class="d-flex align-items-center flex-row">
<i class="{{ category.icone | raw }}" style="font-size: 15px;"></i>
<span class="secondary-navbar-visibility">{{ category.name }}</span>
</a>
</li>
{% endfor %}
</ul>
<button class="scroll-btn scroll-left-btn hidden remove-btn">
<i class="fa fa-chevron-left text-white"></i>
</button>
<button class="scroll-btn scroll-right-btn remove-btn">
<i class="fa fa-chevron-right text-white"></i>
</button>
</div>
</div>
</div>
</nav>