-
投稿者投稿
-
2019年8月1日 12:46 PM #23375
【お使いの Snow Monkey のバージョン】バージョン: 7.6.1
【お使いのブラウザ】Mac ChormeとSafariにて不具合確認しました
【当該サイトのURL】https://study314.jp/ロゴのアスペクト比が崩れます。別スレッドが立っていましたが、
・JetPack LazyloadとCDNを解除しても改善せず
・画像もPNG形式
のため、相談させていただきました。
♥ 0いいねをした人: 居ません2019年8月1日 1:17 PM #23383どうもロゴの横幅がブラウザのサイズを超えると歪んでしまうようです。
下記にある、スマホ時のロゴサイズ設定変更すると改善しないでしょうか?
♥ 0いいねをした人: 居ません2019年8月1日 7:28 PM #23450スマホから見ていたのでトンチンカンなことを言ってましたね、すみません。
子テーマに
.c-site-branding .custom-logo, .wpaw-site-branding .custom-logo { height: auto; width: 460px !important; }
という CSS を書かれていますが、これが Snow Monkey の CSS と干渉しているようです。
height: auto
にも!important
をつけてみてください!♥ 0いいねをした人: 居ません2019年8月2日 10:04 AM #23518ありがとうございます。修正できました。
カスタマイズのCSSにミス、ご指摘嬉しいです。
♥ 0いいねをした人: 居ません2019年8月2日 11:28 AM #23539カスタマイズのCSSにミス、ご指摘嬉しいです。
いえいえ、もともとはものくろさんの CSS で問題なかったのですが、アップデートの都合で効かなくなっちゃったんです。すみません(アップデートによる進化と後方互換性のバランス難しい><)。 いまスマホのロゴサイズ設定しかないのですが、PC の設定も追加しようと思います。多分それで CSS いじらなくてもカスタマイザーだけで調整できるようになるかなと。ご指摘ありがとうございました!
♥ 0いいねをした人: 居ません2019年8月3日 2:08 PM #23735v7.7.0 で、カスタマイザー > デザイン > 基本デザイン設定 > PC 時のカスタムロゴの拡大率、を追加しました。子テーマの記述を消して、この機能で縮小させると適切に縮小表示できるのではないかと思います。ぜひ試してみてください!
♥ 0いいねをした人: 居ません -
投稿者投稿
- トピック「ロゴ画像のアスペクト比が崩れる()」には新しい返信をつけることはできません。