[戻る]
No.2302

左寄せ/右寄せ

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

新規作成したフリーパーツを
ヘッダー部に設置しましたが、
aaaa

bbbb

cccc

ブラウザ幅が大きな通常のPCレイアウトの時は【左寄せ】。
ブラウザ幅を小さくして特定の幅でタブレット用配置に切替わると、
なぜか【右寄せ】に。

…。

コンテンツ部に入れると正常に動作しますが、
ヘッド共通パーツに出来なくなるので意味がありません。

左寄せ/右寄せ

ありゃまさん  2016/12/24(Sat) 20:51 No.2303
key

なぜ削除キーがないの…


Re: 左寄せ/右寄せ

おたすけマイショップさん  2016/12/26(Mon) 19:22 No.2314
key

追加されたフリーパーツは、ヘッダー部の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
 

以上のいづれかをご参照頂き、対応頂きますようお願い致します。



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

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