＜本ブログの運営目的は広告収入です。本記事においては私ジェシカから取材を打診し、取材費をいただき、独自の見解にて記事を執筆する許可をいただいた上で掲載しています＞
先日、ブログのタイトルをリニューアルし、
↓↓↓
「いいね！」してくださった方も多くて（ありがとうございます！）
すっかり満足しておったのですが・・・
ルンルン気分で
スマホをみてびっくり(゜o゜;
目次
ビフォー
注目
↓↓↓
んなーーーーーー！！！！
タイトルが見切れてるじゃないかーーーーーーーー(´；ω；｀)
・・・というわけで直しました＾＾
↓↓↓
アフター
スマホ画面サイズでもすっきり収まりました。
スマホでブログをみてくださっていた方、大変失礼いたしました。
オリジナルタイトル画像のサイズ調整方法
参考にさせていただいたサイトがこちら。ありがとうございます！
↓↓↓
https://blog-support.jp/hatenablog-header-picture/
こちらのサイトに記載のコードを
【デザインCSS】にコピペするだけで・・・
↓↓↓
こんなふうにスマホの画面サイズに合ったタイトルになりました＾＾
ちなみにレスポンシブモードを解除するという手もあるのですが、
（こんなふうになります↓）
レスポンシブモードを解除してしまうと
せっかくカスタマイズして可愛く、オシャレに、見やすくした
●目次
●グローバルナビゲーション
●記事タイトル
●見出し
これらのデザインCSSが、スマホ画面だと反映されなくなってしまい、
スマホはスマホで一から頑張って
デザイン変更をしていかないといけなくなってしまうのです（涙）
スマホ用にタイトル画像を作り直そうか迷っていたところに
上記サイトをみつけて感謝感謝です。
おかげで、レスポンシブモードのまま、
タイトルサイズが
- PCはPCサイズ、
- スマホはスマホサイズ
でみられるようになりました。
神様です。ありがとうございます！
