FROM CACHE - jp_header

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

近藤
新規メンバー
7 0 0

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

 

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

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

 

質問①

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

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

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

1件の返信1

株式会社フルバランス
Shopify Partner
1466 519 651

近藤様

 

ご質問を確認しました。

 

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

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

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

 

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

 

ご参考までに。

 

フルバランス 園畑

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