スマホのページだけタイトルを中央寄せ

子テーマの style.css に、下記の CSS を追加します。

@media screen and (max-width: 480px) {
  #site-title {
    text-align: center;
  }
}

Akiraさん　ありがとうございます！2つほど聞きたいことがあるのですが、

Akiraさんが書いてくださったコードを使用させていただいたのですが、右上にメニューボタンがあるからか

中央より少し左にズレてしまっています。この場合どうしたらいいでしょうか。

もう1つが、ヘッダーのキャッチフレーズもともに中央に寄せたいです。

厚かましくて申し訳ありません。

よろしくお願いいたします。

何も厚かましくはないです。ご要望が分かりやすくて助かります。

先程の CSS を削除した上で、下記の CSS をお試しいただけるでしょうか。

@media screen and (max-width: 480px) {
  .alignleft {
    text-align: center;
  }
  #site-title {
    margin-left: 30px;
  }
  #site-description {
    margin-left: 20px;
  }
}

一応確認はしていますが、ズレなどを見逃しているかもしれません。お気に召さない部分は、ご遠慮なくおっしゃってください。

Akiraさん　ありがとうございます！

思っていた通りのことが出来ました！ 丁寧に教えていただきありがとうございます。

また、質問することがあるかもしれませんが、その時はよろしくお願いいたします！

Akiraさん お世話になっております。何度も質問して申し訳ないのですが

スマホページのヘッダーの縦幅を狭くしたいのですが、教えていただけますでしょうか。

よろしくお願いいたします。

スマホページのヘッダーの縦幅を狭くしたい

@media screen and (max-width: 480px) {
	#h-top {
		min-height: 100px;
	}
}

メディアクエリで調整するとかでしょうか？？

画像下に余白ができてくるってことでしたら、以下ページをどうぞ。

https://bibabosi-rizumu.com/simplicity-customizer/

ヘッダーのどの部分か、また色んな設定があるので不明ですので、うまくいかない場合は新規スレッドにタイトルを書いてURLを提示してください。

タイトルとあった内容でしたら、同じ悩みをもった人にも検索から届き解決できますので。

かうたっくさん。回答ありがとうございます！

無事できました！

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

またよろしくお願いいたします。