Bloggerのモバイル版で投稿タイトルが長いと２行になるのを１行にする

bloggerのモバイル表示の投稿タイトルの幅の編集についてです。

あくまで私の記録用です笑。

ここのところモバイル版のサイト表示で、投稿タイトルが長いと途中で2行になっていて、どうすれば1行になるのか調べてもなかなか解決しませんでした。

htmlを見直していると、

「.mobile-index-title.entry-title」が関係していることが分かりました。

他のブログサイトを見ているとCSSに投稿タイトルのタグを１行にするためのhtmlを入力すれば、１行になることがわかりました。

以下のhtmlをCSSに追加しました。

.mobile-index-title.entry-title{
width: auto;
padding-right: 10px;
}

これを入力することで、投稿タイトルが1行になり、見やすくなりました！

幅を自動にして、右側の余白を少し入れているhtmlです。

なかなか解決しなくて、3日以上悩んでいたので、気分がスッキリしました。

他にも困っている方がいれば、参考になると幸いです。