FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください

ヘッダーに表示させたプルダウンメニューの幅を広くしたい

ヘッダーに表示させたプルダウンメニューの幅を広くしたい

近藤
新規メンバー
7 0 0

使用テーマ:Mr Parker
テーマバージョン:9.0.0

 

作成したメニューをヘッダーセクションに表示させています。

サブメニューが含まれるため、プルダウンになるのですが、プルダウンメニューに表示される項目の文字数が多いため、プルダウンメニューの幅を広げたいです。

 

質問①

カスタムCSSで操作できる場合、どのセクションのコーディング欄に記述する事でプルダウンメニュー範囲を指定する事ができるでしょうか?

質問②
コード編集で操作できる場合、どのファイルを編集する事で操作できますでしょうか?

補足
html、css、PHP、JavaScriptの基本知識は抑えておりますので、htmlのwidthの指定方法は分かります。

1件の返信1

株式会社フルバランス
Shopify Partner
1601 570 733

近藤様

 

ご質問を確認しました。

 

まず、プルダウンメニューとは、添付の黄色枠のものであっておりますでしょうか?

スクリーンショット 0005-03-29 17.52.04.png

こちらですが、デモサイトを確認した限り、添付赤枠のclassのmin-widthを調整すれば(デフォルトが200pxなのでそれ以上)幅を広げられるかと存じます。

 

基本的にはカスタムcssを使用せず、コード編集画面より新規cssファイルを作成(+theme.liquidにファイルを読み込み)し、そちらに追記していくことを推奨いたします。

 

ご参考までに。

 

フルバランス 園畑

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス