パンくずリストの表示位置についてお分かりになる方がいましたら、ご教示いただけますと幸いです。
現在、テーマ Craveを使用し、パンくずリストのコードを追加しました。
こちらですと、パンくずリストがヘッダーの上に表示されてしまいます。
理想としては、ヘッダー下にパンくずリストが表示されるようにしたいと考えております。
変更方法が分かる方がいましたら、ご教示いただけますと幸いです。
パンくずリスト コード
{% unless template == 'index' or template == 'cart' or template == 'list-collections' %}
<nav class="breadcrumb" role="navigation" aria-label="breadcrumbs" style="margin-left:50px;margin-top:50px;">
<a href="/" title="Home">Home</a>
{% if template contains 'page' %}
<span aria-hidden="true">›</span>
<span>{{ page.title }}</span>
{% elsif template contains 'product' %}
<span aria-hidden="true">›</span>
{{ 'コレクション一覧' | link_to: '/collections' }}
{% if product.collections[0] %}
<span aria-hidden="true">›</span>
{{ product.collections[0].title | link_to: product.collections[0].url }}
{% endif %}
<span aria-hidden="true">›</span>
<span>{{ product.title }}</span>
{% elsif template contains 'collection' and collection.handle %}
<span aria-hidden="true">›</span>
{% if current_tags %}
{% capture url %}/collections/{{ collection.handle }}{% endcapture %}
{{ collection.title | link_to: url }}
<span aria-hidden="true">›</span>
<span>{{ current_tags | join: " + " }}</span>
{% else %}
<span>{{ collection.title }}</span>
{% endif %}
{% elsif template == 'blog' %}
<span aria-hidden="true">›</span>
{% if current_tags %}
{{ blog.title | link_to: blog.url }}
<span aria-hidden="true">›</span>
<span>{{ current_tags | join: " + " }}</span>
{% else %}
<span>{{ blog.title }}</span>
{% endif %}
{% elsif template == 'article' %}
<span aria-hidden="true">›</span>
{{ blog.title | link_to: blog.url }}
<span aria-hidden="true">›</span>
<span>{{ article.title }}</span>
{% else %}
<span aria-hidden="true">›</span>
<span>{{ page_title }}</span>
{% endif %}
</nav>
{% endunless %}
