WordPressテーマSANGOの質問

PC表示時のみロゴが左右に伸びて崩れる

アバター
givin

お世話になります。

スマホ、タブレットでは問題ないのですが、PCで表示したときのみロゴ画像が左右にひしゃげて表示されてしまいます。

もともとは正方形のロゴを使っておりましたが、背景を透明にした幅1200 x 高さ90 のサイズで作り直してみましたが、結果は同じでした。

ただWordPressにログインしてカスタマイズしているときは正常に表示されています。
ログアウトして再度ブラウザから見ると、ロゴが崩れる状態です。
対応策をご教授いただけたら幸いです。
よろしくお願いいたします。

ヘッダーのロゴ画像を横いっぱいに表示するカスタマイズ
コメントへの回答
サルワカくん
サルワカくん
2021/11/30

お世話になっております。
SANGOテーマにあるCSSが一部適用されていないように見受けられます。
もしかすると、SANGOテーマのCSSを直接編集されてはいないでしょうか?

このロゴに関しては外観→カスタマイズ→追加CSSより以下のCSSを記述していただくことで正常に表示されるかと思います。


#logo img {
width: auto;
}

よろしくお願いします。

アバター
givin
2021/12/03

お世話になります。
お忙しいなか回答していただきありがとうございます。

教えていただいたとおり外観カスタマイズの「追加CSS」にコードを追加したのですが、PCでの表示は変わりません。

追加CSSにはご教授いただいたコード以外は記載しておりません。
なにか別に原因があるのでしょうか?

サルワカくん
サルワカくん
2021/12/03

お世話になっております。調べたところ追加CSSに入力されたCSSに目に見えない不正な文字列が含まれているようです。
この間共有しましたコードをコピーではなく、手打ちで一文字一文字入力して保存してみてください。
よろしくお願いします。

アバター
givin
2021/12/04

教えていただいた通りに手打ちしたところ、無事に表示されました。
お忙しいところ、お手数をおかけいたしました。

ありがとうございます!