[戻る]
No.4908

レスポンシブ対応について

キャラアイコン ほりさん 投稿日:2020/12/15(Tue) 14:07 home

お世話になります。
レスポンシブ対応についてご質問させてください。

スマホでショップページを開きますと、検索BOXと商品カテゴリを表示する3本ラインのメニューとの間に大きな空白ができてしまいます。

これをなくすにはどのようにしたらよいでしょうか。

恐れ入りますがご教示ください。
宜しくお願いいたします。

key
No.4913

Re: レスポンシブ対応について

キャラアイコン おたすけマイショップさん 投稿日:2020/12/15(Tue) 18:37

追加されているスタイルやパーツの配置によっても異なりますので一概にはご案内できませんが、
現状は下記スタイルの削除にて検索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;

key

返信
*おなまえ アイコン [sample]
*email (回答通知用。公開されません)
*タイトル
*内容
ショップURL
*key (修正の際に使用します)
*画像認証 投稿キー

無料で本格的なネットショップ開業できるのは『イージーマイショップ』

- YY-BOARD -