左寄せ/右寄せ
新規作成したフリーパーツを
ヘッダー部に設置しましたが、
aaaa
bbbb
cccc
ブラウザ幅が大きな通常のPCレイアウトの時は【左寄せ】。
ブラウザ幅を小さくして特定の幅でタブレット用配置に切替わると、
なぜか【右寄せ】に。
…。
コンテンツ部に入れると正常に動作しますが、
ヘッド共通パーツに出来なくなるので意味がありません。
追加されたフリーパーツは、ヘッダー部の3行目(再下段)に配置されたかと思われます。
レスポンシブテンプレートの仕様上、この部分に配置された内容は、700px以下の幅になった場合(タブレットなどの表示の際)に右寄せとなるスタイル(text-align: left;)が登録されております。
対処方法としては、以下の方法がございます。
・フリーパーツをヘッダー部2行目に移動する
・フリーパーツの内容の前後に以下の様なタグを追加する
<div style="text-align: left;">
aaaa
bbbb
cccc
</div>
・以下のスタイルを追加してテンプレートの仕様を変更する
<style>
@media only screen and (max-width: 700px)
.pane_head_bottom {
text-align: left;
}
</style>
スタイルの追加方法は以下のヘルプをご覧ください。
ページに<style>を追加する(簡単モード)
http://emshelp.easy-myshop.jp/c-item-detail?ic=add-style
以上のいづれかをご参照頂き、対応頂きますようお願い致します。