モバイルの左右余白について - 要望

RE: モバイルの左右余白について

智楽 — Wed, 13 Jun 2018 05:30:28 +0000

haineonsさん、かうたっくさん、ありがとうございます

自分の思った通りの余白に変更することができました！

かうたっく — Tue, 12 Jun 2018 11:43:59 +0000

ヘッダー・フッターにも余白を入れたい場合はhaineonsさんのCSSで対応できます。

ヘッダー・フッターには余白を入れたくない場合以下の数値を変更する感じでいけると思います。

@media screen and (max-width: 768px) {
	.content .main, .content .sidebar {
		padding: 13px;
	}
}

内側余白paddingは上下左右13px。

haineons — Tue, 12 Jun 2018 09:29:04 +0000

子テーマstyle.cssの下の方にあるメディアクエリ部分

@media screen and (max-width: xxxpx){

に下のもの

.page-body {padding: 0 10px;}

を追記してあげれば左右の余白が取れましたよ

数値はお好きな数値に変更してください

智楽 — Tue, 12 Jun 2018 08:36:53 +0000

モバイル（スマホ）で表示した時の左右の余白を大きくしたいのですが、子テーマでmainのpadding値を変えても、余白が大きくなりません。

モバイルの余白を大きくしたい場合、どうしたらいいでしょうか？