[大西 武史]

トピックを新しく立てる方は次の項目も記述してください（要望トピックの場合は不要です）。

【お使いの Snow Monkey のバージョン】バージョン: 12.0.1
【お使いのブラウザ】chrome
【当該サイトのURL】http://takeshi0723.xsrv.jp/test/

===

お世話になっております。
下記わかる方いらっしゃったら教えていただきたいです。
よろしくお願いします。

セクションで作成した箇所を スマホで見たときに、トップページのセクションと 他の固定ページのセクションの左右の余白が違うと思うのですが、これを合わせるには cssをどのようにいじったらいいでしょうか？

♥ 0

いいねをした人: 居ません

[アクツ]

大西 武史さん　スレッドお邪魔します！

こちら下記のどちらかで同じ余白になるかと思います。

• カスタマイズ > ホームページ設定 の項目の「ホームページのコンテンツエリアに左右余白を追加する」にチェックを入れる
• トップページにしている固定ページのテンプレートを「デフォルトテンプレート」ではなく、「1カラム」に変更する

 

ただ、ページに全体的に余白がついてしまうので、それじゃない！という場合は、CSSで調整する必要があります。

 

//トップページのセクションのコンテナーの余白値を変更する

.home .smb-section>.c-container,.home .smb-section__inner>.c-container {
padding-right: 1.76923rem;
padding-left: 1.76923rem;
padding-right: calc(var(--_container-margin, 1.76923rem) + env(safe-area-inset-right));
padding-left: calc(var(--_container-margin, 1.76923rem) + env(safe-area-inset-left));
}

♥ 1

いいねをした人: 居ません

[大西 武史]

アクツさん ありがとうございます＾＾

今日webサイト見たら ご返信くださった内容試してないのに揃ってました。＾＾；

もしまた崩れたら 上記試してみます！

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

♥ 1

いいねをした人: 居ません

[投稿者]

投稿