いつもありがとうございます。
トップページのレイアウト
左寄せにしたいのですがスマホで確認をすると
どうしても
センタリングになってしまいます。
どこを修正したら良いでしょうか。
スマートフォンでの表示について、センタリングされる部分はヘッダーエリアにある「卵の通販 卵やさん」の表記でしょうか?
こちらは画像の付加テキストとして指定されている内容となりますので、表記を左寄せにする場合は付加テキストを以下の様にHTMLコードにてご指定ください。
卵の通販 卵やさん
↓
<div class="top_banner">卵の通販 卵やさん</div>
スマートフォンのみとのことですので合わせて以下のスタイルの追加をお願いいたします。
<style>
@media screen and (max-width: 700px){
.pane_head_bottom .top_banner {
text-align: left;
}
}
</style>
スタイルの追加方法は以下のヘルプをご覧ください。
ページに<style>を追加する
https://emshelp.easy-myshop.jp/c-item-detail?ic=add-style
お問合せのセンタリングされている内容が以上の内容と異なる場合、お手数ですが再度センタリングされる場所をお知らせいただきますようお願いいたします。
また、テキスト等の表示位置について以前案内させていただきました以下のご対応が完了しておりませんでしたので合わせてご対応いただくことをお勧めいたします。
イージーマイショップにて提供するテンプレートにてヘッダーエリア内に以下のスタイルが適用されているため、スマホでの表示が右寄せになります。
@media screen and (max-width: 700px){
.pane_head_bottom { /* ログイン情報他area */
position: relative;
text-align: right;
}
}
パソコン表示と同じように「左寄せ」にする場合は以下のいずれかのご対応をお願いいたします。
・テンプレートのスタイル(text-align: right;)を削除する
デザイン設定(店長ナビ>拡張設定)を開き、適用中テンプレートの[CSS]をクリックします。
「design.css(デザインテンプレート)」の[編集]ボタンをおして前述のスタイルの「text-align: right;」の行を削除して
保存すれば完了です。
※「Ctrl+F」を押して「ログイン情報他area」でページ内検索すると直ぐに見つかります。
ご案内は以上です。
ご連絡ありがとうございます。
無事完了いたしました。
ありがとうございました。