バグ報告Ver.2.12.2→2.12.3

現象

件名の通り（図1参照）。

メイド・イン・ヘブンテーマでモバイルサイズのロゴが平たく変形してしまうことについてお尋ねします。

こんにちは。メイド・イン・ヘブンテーマでモバイルサイズのロゴが平たく変形してしまうことについてお尋ねします。ロゴ画像のサイズは200*88ピクセルです。（cocoonのロゴ画像のサイズに合わせました。）また、350*250ピクセルなど他のサ...

wp-cocoon.com

原因

ヘッダーロゴ画像を400×200pxで作成し、以下の設定を行った。

• Cocoon設定→ヘッダー→ヘッダーロゴ
• Cocoon設定→ヘッダー→ヘッダーロゴサイズに幅400px、高さ200pxを設定

この設定により、ヘッダーロゴ（CSSクラスsite-logo-image）にwidth: 400px;とheight: 200px;が付加される。
スキンはヘッダーの高さを、PC表示でmax-height: 80px;、モバイル表示でmax-height: 50px;としている。
そのため、高さが制限され、比率が崩れる（図1参照）。

対策

以下にwidth: auto !important;を追加する。

cocoon/skins/skin-made-in-heaven/style.css at 2600c5d5496273c7d1cfa4d6946d4ae18eef35a2 · xserver-inc/cocoon

100％GPLの無料WordPressテーマです。開発中の開発バージョンです。安定版をダウンロードする場合は、Cocoon配布サイトからダウンロードしてください。 - xserver-inc/cocoon

github.com