お世話になります。
レスポンシブ対応についてご質問させてください。
スマホでショップページを開きますと、検索BOXと商品カテゴリを表示する3本ラインのメニューとの間に大きな空白ができてしまいます。
これをなくすにはどのようにしたらよいでしょうか。
恐れ入りますがご教示ください。
宜しくお願いいたします。
Re: レスポンシブ対応について
追加されているスタイルやパーツの配置によっても異なりますので一概にはご案内できませんが、
現状は下記スタイルの削除にて検索BOXとスマートフォンで閲覧時の3本ラインメニュー間の空欄が削除されるかと存じます。
テンプレートタブ（拡張設定＞デザイン設定）より、使用しているスタイルの「CSS」ボタンをクリックします。
「design.css（デザインテンプレート）」の編集（鉛筆ボタン）に入り、下記スタイルの削除をお願いいたします。
※Windowsであれば「Ctrl+F」キーを押してページ内検索を表示し「flex: 1 1 200px」と検索するとすぐに見つかります。
■変更前
.tag_item_search { /* 検索パーツ */
flex: 1 1 auto;
flex: 1 1 200px; /* for ie edge */ ←こちらを削除
max-width: 400px; /* for ie edge */
height: inherit;
}
■変更後
.tag_item_search { /* 検索パーツ */
flex: 1 1 auto;
max-width: 400px; /* for ie edge */
height: inherit;