[Nobuhito Ohigashi]

 

【お使いの Snow Monkey のバージョン】バージョン: 7.6.1
【お使いのブラウザ】Mac ChormeとSafariにて不具合確認しました
【当該サイトのURL】https://study314.jp/

ロゴのアスペクト比が崩れます。別スレッドが立っていましたが、

・JetPack LazyloadとCDNを解除しても改善せず

・画像もPNG形式

のため、相談させていただきました。

 

 

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

どうもロゴの横幅がブラウザのサイズを超えると歪んでしまうようです。

下記にある、スマホ時のロゴサイズ設定変更すると改善しないでしょうか？

基本デザイン設定

サイト全体で共通する、基本的なデザインの設定がまとめられた設定パネルです。 アクセントカラー サイトのアクセン…

snow-monkey.2inc.org

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

スマホから見ていたのでトンチンカンなことを言ってましたね、すみません。

子テーマに

.c-site-branding .custom-logo, .wpaw-site-branding .custom-logo {
    height: auto;
    width: 460px !important;
}

という CSS を書かれていますが、これが Snow Monkey の CSS と干渉しているようです。height: auto にも !important をつけてみてください！

♥ 0

いいねをした人: 居ません

[Nobuhito Ohigashi]

ありがとうございます。修正できました。

カスタマイズのCSSにミス、ご指摘嬉しいです。

 

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

カスタマイズのCSSにミス、ご指摘嬉しいです。

いえいえ、もともとはものくろさんの CSS で問題なかったのですが、アップデートの都合で効かなくなっちゃったんです。すみません（アップデートによる進化と後方互換性のバランス難しい><）。 いまスマホのロゴサイズ設定しかないのですが、PC の設定も追加しようと思います。多分それで CSS いじらなくてもカスタマイザーだけで調整できるようになるかなと。ご指摘ありがとうございました！

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

v7.7.0 で、カスタマイザー > デザイン > 基本デザイン設定 > PC 時のカスタムロゴの拡大率、を追加しました。子テーマの記述を消して、この機能で縮小させると適切に縮小表示できるのではないかと思います。ぜひ試してみてください！

♥ 0

いいねをした人: 居ません

[投稿者]

投稿