[戻る]
No.4392

レイアウトのお知らせ 左寄せにしたいのですが

卵通販 卵やさんさん  投稿日:2020/05/13(Wed) 16:35
key

いつもありがとうございます。

トップページのレイアウト

左寄せにしたいのですがスマホで確認をすると
どうしても

センタリングになってしまいます。

どこを修正したら良いでしょうか。

Re: レイアウトのお知らせ 左寄せにしたいのですが

おたすけマイショップさん  2020/05/13(Wed) 21:50 No.4396
key

スマートフォンでの表示について、センタリングされる部分はヘッダーエリアにある「卵の通販 卵やさん」の表記でしょうか?

こちらは画像の付加テキストとして指定されている内容となりますので、表記を左寄せにする場合は付加テキストを以下の様に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」でページ内検索すると直ぐに見つかります。

ご案内は以上です。


Re: レイアウトのお知らせ 左寄せにしたいのですが

卵通販 卵やさんさん  2020/05/14(Thu) 15:11 No.4400
key

ご連絡ありがとうございます。
無事完了いたしました。

ありがとうございました。



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

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