スマホで見た時にボックスデザインの文字が重なる

SHO_TTINew

スマホで見た時に、ボックスデザインのタイトル名が長いと文字がかさなってしまいます。

対処法を教えていただけますでしょうか。 0_1581199100316_2C3227FF-40B2-43E7-A71E-2A75EB2CE9CB.jpeg

マニュアル確認済み
キャッシュクリア済み
WordPressのバージョン :
ご利用のサーバー名 : エックスサーバー
PHPのバージョン :
OS :
ご利用のブラウザ :
該当サイトのURL : https://shotti-nomad-life.com/takken/

Ryota

こんにちは！JIN運営チームのりょうたです。
この度はJINご利用いただき誠にありがとうございます。

@media (max-width:768px){
	.kaisetsu-box4 {
	    margin-top: 64px!important;
	}
	.kaisetsu-box4-title{
		line-height: 1.4;
		top: 72px;
	}
}

上記を追加CSSに追記していただけますと問題なくできるようになるかとおもいます。
お手数お掛け致しますが、宜しくお願い致します。

SHO_TTINew

りょうたさん

返信ありがとうございます。
追加CSSに上記のコードを追加したところ、画像のようになってしまいます。
こちらの対処方法はありますでしょうか？
お手数お掛けいたしますが、よろしくお願いいたします。

0_1581499283101_B7A978DD-84D4-46AE-B608-1A6E018B04BD.png

Ryota

@media (max-width:768px){
	.kaisetsu-box4 {
	    margin-top: 64px!important;
	}
	.kaisetsu-box4-title{
		line-height: 1.4;
		top: -72px;
	}
}

失礼しました。。
上記でいかがでしょうか？
再度ご確認いただけますと幸いでございます。

SHO_TTINew

ありがとうございます。
重ならずに表示することができました。
助かりました。

カボス

@ryota さん
はじめまして。
私も同じ症状が別のボックスデザインで発生しております。
こちらの解決策を行ってみましたが解決できませんでした。
ほかに解決する方法はございますか？
宜しくお願いします。

Ryota

こんにちは！りょうたです。

@media (max-width:768px){
	.kaisetsu-box5 {
	    margin-top: 64px!important;
	}
	.kaisetsu-box5-title{
		line-height: 1.4;
		top: -72px;
	}
}

これでいかがでしょうか？？

カボス

ありがとうございます！
無事に解消できました。