# パンくずリストの表示位置について

**URL:** <https://community.shopify.com/t/topic/348065>\
**Category:** 技術的なQ＆A\
**Tags:** css\
**Created:** [August 13, 2024, 6:41am UTC](https://community.shopify.com/t/topic/348065 "2024-08-13T06:41:31Z")\
**Posts on this page:** 1\
**Page:** 1

## AI-generated summary

ユーザーがShopifyテーマ「Crave」でパンくずリストの表示位置を変更したいと質問しています。

**現状の問題:**
- パンくずリストがヘッダーの上に表示されている
- ヘッダーの下に移動させたい

**提供された情報:**
- パンくずリストのコードが投稿されている(Liquidテンプレート言語で記述)
- コードには各種ページタイプ(商品、ブログ、コレクションなど)に対応したパンくずリストの実装が含まれている
- スタイル指定として `margin-left:50px; margin-top:50px;` が設定されている

**ディスカッションの状態:**
現時点で回答はなく、解決策を求めている状態です。CSSまたはテーマファイルの編集による配置変更方法についてアドバイスを待っています。

<div class="post-metadata">

**Author:** ![shiino](https://avatars.discourse-cdn.com/v4/letter/s/3d9bf3/32.png) [@shiino](https://community.shopify.com/u/shiino)\
**Post date:** [August 13, 2024, 6:41am UTC](https://community.shopify.com/t/topic/348065/1 "2024-08-13T06:41:31Z")

</div>

パンくずリストの表示位置についてお分かりになる方がいましたら、ご教示いただけますと幸いです。

現在、テーマ Craveを使用し、パンくずリストのコードを追加しました。

こちらですと、パンくずリストがヘッダーの上に表示されてしまいます。

理想としては、ヘッダー下にパンくずリストが表示されるようにしたいと考えております。

変更方法が分かる方がいましたら、ご教示いただけますと幸いです。

パンくずリスト コード

{% unless template == ‘index’ or template == ‘cart’ or template == ‘list-collections’ %}

Home {% if template contains 'page' %} ›{{ page.title }} {% elsif template contains 'product' %} › {{ 'コレクション一覧' | link\_to: '/collections' }} {% if product.collections[0] %} › {{ product.collections[0].title | link\_to: product.collections[0].url }} {% endif %} ›{{ product.title }} {% elsif template contains 'collection' and collection.handle %} › {% if current\_tags %} {% capture url %}/collections/{{ collection.handle }}{% endcapture %} {{ collection.title | link\_to: url }} ›{{ current\_tags | join: " + " }} {% else %} {{ collection.title }} {% endif %} {% elsif template == 'blog' %} › {% if current\_tags %} {{ blog.title | link\_to: blog.url }} ›{{ current\_tags | join: " + " }} {% else %} {{ blog.title }} {% endif %} {% elsif template == 'article' %} › {{ blog.title | link\_to: blog.url }} ›{{ article.title }} {% else %} ›{{ page\_title }} {% endif %} {% endunless %}