Copy-paste a Liquid snippet for headers & navigation - Horizontally scrollable category chips that stick under the header - mobile navigation without a hamburger.
1<nav class="gpl-catnav" aria-label="Categories">2 {%- assign cs = cats | split: ',' -%}3 {%- for c in cs -%}4 {%- assign cat = c | strip -%}5 <a class="gpl-catnav__pill{% if collection.title == cat %} is-active{% endif %}" href="{{ routes.collections_url }}/{{ cat | handleize }}">{{ cat }}</a>6 {%- endfor -%}7</nav>
Full source is for members
One payment - every snippet, guide and bundle
