レスポンシブ再配置
左右に配置したボックスレイアウト。
○○○○○ ■■■■■■
ブラウザ幅を狭めた時の段組替。
普通は、
左が上、右が下になると思いますが、
何故か逆になります。
どうにかなりますか?
幅が広い時
○○○○○ ■■■■■■
幅が狭い時
○○○○○
■■■■■■
(これが普通だと思います)
なぜか
■■■■■■
○○○○○
こういうレイアウトになります。
特にヘッダー部の動きがおかしいです。
ヘッダー部の中央(2行目)の領域を左から左カラム、中央カラム、右カラムとします。
イージーマイショップのレスポンシブテンプレートについては仕様上、中央カラムが最上部へ移動する仕様となっておりますので、全てのカラムに何らかのパーツが配置されていた場合は、以下の様な配置となります。
中央カラム
左カラム
右カラム
貴店舗においては、ブロック(パーツ)を左カラムと中央カラムに配置されており、幅を狭くすると、上記の様に中央カラムにあるパーツが最上部に配置します。
以上から右に配置したパーツは、上記の中央カラムに配置されていると存じますので、そのパーツを下にもぐり込ませるようにするには、パーツを中央カラムから右カラムに移動して頂く事でできます。