使用テーマはPrestigeです。
ヘッダーのメニュー項目の一部をクリック無効にしたいです。
（添付画像赤丸部分）
ブランド、商品カテゴリにカーソルを載せてブランド一覧、カテゴリ一覧を表示するようにしたので、リンクは不要なのですが、メニュー項目の編集ではリンク設定が必須で解決策がわかりません。
解決方法ご存知の方がいらっしゃいましたら教えていただけますと幸いです。
Topic summary
Prestigeテーマを使用しているユーザーが、ヘッダーメニュー項目（「ブランド」「商品カテゴリ」）のクリックを無効化したいと質問。
背景：
カーソルを載せるとブランド一覧やカテゴリ一覧が表示されるため、親項目のリンクは不要。しかしメニュー編集ではリンク設定が必須で困っていた。
解決方法：
- メニュー項目のリンク先に「#」を入力することで対応可能
- 「#」で対応できない場合は、カスタムCSSで以下を追加：
[data-follow-link='#'] {
pointer-events: none;
}
注意点：
- 「#」を設定するとURLの末尾に#が付与される
- Liquidや独自CSSでの対応が必要な場合もある
- テーマサポートへの問い合わせも推奨
質問者は「#」入力で無事解決した。
https://community.shopify.com/post/881010
上記にあるように「#」を入力すれば対応できるのではと思います。
https://prestige-theme-couture.myshopify.com/
他方、上記デモストアのグローバルナビ内の「SHOP」でも実現しているようなので、テーマのサポートに質問することもお勧めします。
この方法の場合はURL末尾に#が付与されますが、この点が許容できない場合は「#」を設定した上で以下のCSSを「Header」セクションのカスタムCSSに記載することで対応できるかもしれません。
[data-follow-link='#'] {
pointer-events: none;
}
上記で対応できない場合はliquidやJSなどで対応する必要があると思います。
ご自身でliquidやCSSやJSの読み書きができない場合はエキスパートやパートナーにご依頼ください。
「#」入力で解決いたしました！
助かりました、ありがとうございます！