Blog-LABOLIFESTYLEアドセンスブログノウハウお問い合わせプロフィールブログノウハウCocoonでスマホのヘッダーロゴが縦に間延びする場合の対処法(備忘録)2020年1月3日Cocoonでブログを作る際に、よく僕の頭を悩ませていたのがヘッダーロゴが間延び問題。いうのは、ヘッダーロゴを作成し、その画像をCocoon設定から当てはめると、スマホ(モバイル)から見た場合、縦に間延びしてしまうのだ。ロゴの画像の縦サイズが既に決定されているため、横サイズが大きすぎたりすると、自然と画像自体も歪んでしまったりする。Cocoonのヘッダーロゴの間延び問題。Cocoonのヘッダーロゴの間延び問題。Cocoonのヘッダーロゴが縦に延びてしまう問題です。言葉で説明するの難しいから、画像で説明します。コチラが今回作成したブログヘッダーロゴは少し長め。これをスマホで見てみると、こうなる。ロゴだけが大きくなってしまって、さらには少し縦に伸びてしまっている。これを調整しようと、ヘッダーロゴを小さくしてしまうと、PCから見た場合のヘッダーロゴも小さくなってしまう。ここで、ヘッダーロゴについてスマホで見た場合のロゴの縦サイズを調整するCSSを記述する。>追加CSS]上記コードを加えると、スマホで見た場合のロゴは以下の様に変化する。ん、スッキリしましたね。してもGoogleアドセンスに合格できない....もしそんな悩みがあれば、私の方で記事を作成し、Googleアドセンスの取得代行を行いますよ。やって記事を書けばいいか分からない。何が原因か分からない。そんな悩みがある場合は是非ご連絡ください。