ワードプレスのサイトタイトルがかぶって表示されるのを解決したい

Question

こんにちは。

https://www.realinsight.online/2021strategy/
これから上記ブログを運営していくのですが、サイトタイトル
「次の10年を生き抜くための日本の大戦略」が

添付のようにスマホだと、自動で折り返されかぶって表示されてしまいます。
テーマはデフォルトで設定されているものなので、
改行もしくは、デバイスに合わせて文字の大きさが変更される
追加cssなどでの対応ができればいいかと思っています。

お知恵をお借りできますと幸いです。どうぞよろしくお願いいたします！

Answer 1

こんにちは。

.logo {
	line-height: unset !important;
}

Comments

[ysuzuki1988]

ご回答ありがとうございます。
追加cssで上記入れてみましたが、変化がないようです。

どうぞよろしくお願いいたします。

[ysuzuki1988]

.logo {
line-height: unset !important;
}
上記を入れたら、できました！
ありがとうございました！

[ysuzuki1988]

すみません。ちなみにですが、任意の文字数で改行するcssはありますでしょうか？
よろしくお願いいたします！

[Lhankor_Mhy]

ないと思います。<br>で改行するしかないでしょう。

[ysuzuki1988]

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