# ヘッダーのドロップダウンメニューがクリックできません（PC用ページのみ）

**URL:** <https://community.shopify.com/t/pc/187228>\
**Category:** 技術的なQ＆A\
**Created:** [January 28, 2023, 7:41am UTC](https://community.shopify.com/t/pc/187228 "2023-01-28T07:41:58Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

トップページのスライドショーにリンク機能を追加するため、slideshow.liquidファイルを編集したところ、ヘッダーのドロップダウンメニューがスライドショーと重なる部分でクリックできなくなった。

**考えられる原因：**
- メニューのリンクタグ（aタグ）のクリック範囲が狭い、または反応していない
- スライドショーとメニューの重なり順（z-index）の優先度がスライドショー側に設定されている

**対応状況：**
回答者から、実際のサイトを確認しないと解決が難しいとの指摘があり、ショップURL（online.voice-odai.jp、テーマはDawn）が共有された。投稿者は指摘された2点について調査中。コーディング初心者のため、解決が難しい場合は再度質問する予定。

<div class="post-metadata">

**Author:** ![chickenrice0208](https://avatars.discourse-cdn.com/v4/letter/c/c67d28/32.png) [@chickenrice0208](https://community.shopify.com/u/chickenrice0208)\
**Post date:** [January 28, 2023, 7:41am UTC](https://community.shopify.com/t/pc/187228/1 "2023-01-28T07:41:58Z")

</div>

トップページにスライドショーを配置し画像を選択するとリンク先へ飛べるようにWebでコードを調べslideshow.liquidを編集しました。

すると、ヘッダーのドロップダウンメニューがスライドショーに重なった項目が選択できずスライドショーのリンクが選択されてしまいます。（下記画像参照ください）

 ![名称未設定-1.jpg](https://canada1.discourse-cdn.com/shopifyforum/original/3X/5/8/58cb2eb373d7f015346d149d0b519f6e18500715.jpeg)  
どなたか解決策等ありますでしょうか。

ちなみに投稿主はコーディング等初心者です。

お手数ですがご確認をお願い致します。

---

<div class="post-metadata">

**Author:** ![Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_44fbe07fc59d9ccaacd70575fd5a5155/32/194200_2.png) [@Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://community.shopify.com/u/Anonymous_44fbe07fc59d9ccaacd70575fd5a5155)\
**Post date:** [January 30, 2023, 9:06am UTC](https://community.shopify.com/t/pc/187228/2 "2023-01-30T09:06:57Z")

</div>

Chickenrice0208さま

ご質問を確認いたしました。

こちらおそらくコードの問題かと存じますが、

実際のサイトを覗いてみないと解決は難しいかと思います。

よくある原因だと以下のようなことも考えられるかと思います。

・メニューに指定しているリンクタグ(aタグ)の範囲が狭く、メニューのクリックが反応しない

・メニューとスライドショーとの優先順位がスライドショー優位になっている(z-indexの修正)

調べても解決が難しそうであれば、

使用されているテーマとストアのURLを共有し、再度質問されることをお勧めいたします。

ご参考までに。

---

<div class="post-metadata">

**Author:** ![chickenrice0208](https://avatars.discourse-cdn.com/v4/letter/c/c67d28/32.png) [@chickenrice0208](https://community.shopify.com/u/chickenrice0208)\
**Post date:** [January 30, 2023, 11:52pm UTC](https://community.shopify.com/t/pc/187228/3 "2023-01-30T23:52:53Z")

</div>

ご回答ありがとうございます。

ご指摘いただいた２点について調べてみます。

また問題のショップURLは [https://online.voice-odai.jp](https://online.voice-odai.jp)（元テーマ：Dawn）です。

このコミュニティフォーラムも初めて使うので再度質問を作成したほうがいいのでしょうか…？

お手数おかけするようですみません。。。
