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