[戻る]
No.2304

レスポンシブ再配置

ありゃまさん  投稿日:2016/12/24(Sat) 21:09
key

左右に配置したボックスレイアウト。
○○○○○ ■■■■■■

ブラウザ幅を狭めた時の段組替。

普通は、
左が上、右が下になると思いますが、
何故か逆になります。
どうにかなりますか?


幅が広い時
○○○○○ ■■■■■■

幅が狭い時
○○○○○
■■■■■■
(これが普通だと思います)

なぜか
■■■■■■
○○○○○

こういうレイアウトになります。
特にヘッダー部の動きがおかしいです。

Re: レスポンシブ再配置

おたすけマイショップさん  2016/12/26(Mon) 17:33 No.2311
key

ヘッダー部の中央(2行目)の領域を左から左カラム、中央カラム、右カラムとします。
イージーマイショップのレスポンシブテンプレートについては仕様上、中央カラムが最上部へ移動する仕様となっておりますので、全てのカラムに何らかのパーツが配置されていた場合は、以下の様な配置となります。

中央カラム
左カラム
右カラム

貴店舗においては、ブロック(パーツ)を左カラムと中央カラムに配置されており、幅を狭くすると、上記の様に中央カラムにあるパーツが最上部に配置します。

以上から右に配置したパーツは、上記の中央カラムに配置されていると存じますので、そのパーツを下にもぐり込ませるようにするには、パーツを中央カラムから右カラムに移動して頂く事でできます。



返信
*おなまえ
*email (回答通知用。公開されません)
*タイトル
*内容
ショップURL
*key (修正の際に使用します)

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