[cotonoha-design]

【お使いの Snow Monkey のバージョン】14.3.5
【お使いの Snow Monkey Blocks のバージョン】11.4.1
【お使いの Snow Monkey Editor のバージョン】6.0.0
【お使いのブラウザ】Chrome
【当該サイトのURL】https://oohashi-corporation.com/

### 実現したいこと
### 発生している問題
### 試したこと

お世話になっております。
1行ヘッダーにしてホームページを制作中です。

幅1920pxのブラウザで見る分には問題ないのですが
1024px～1480pxくらいの幅のブラウザで見ると
ロゴの比率が変形してしまいます。（横幅が縮む）

ロゴの比率が変形しない方法はありますか？
わかりづらくて申し訳ありません。

♥ 0

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

[Olein_jp]

ご自身でこのように書かれていますので、

@media (min-width: 64em) {
    .c-site-branding .custom-logo, .wpaw-site-branding__logo .custom-logo {
        height: 134px;
        width: 305px;
    }
}

こちらを

@media (min-width: 64em) {
    .c-site-branding .custom-logo, .wpaw-site-branding__logo .custom-logo {
        height: auto;
        width: auto;
    }
}

こんな感じにしてあげたらよいのではないでしょうか？開発者ツールで確認してみてください！

♥ 0

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

[キタジマ タカシ]

@Olein_jp さん、多分それは Snow Monkey のカスタムロゴ設定が吐き出している CSS ではないかなと…。

僕も潰れる想定はしていなかったのですが、

.c-site-branding .custom-logo,
.wpaw-site-branding__logo .custom-logo {
  max-width: none;
}

みたいな CSS を追加したほうが良いのですかねー。

♥ 1

いいねをした人:

[cotonoha-design]

キタジマタカシ様

そちらのcssを追記したら解決しました！
ありがとうございます。

Olein_jp様もありがとうございました。

♥ 0

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

[キタジマ タカシ]

解決とのこと安心しました。
ただ、これ多分検証して Snow Monkey 自体に変更を入れほうが良さそうなので、しばらくオープンのままにしておきます。

♥ 0

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

[Olein_jp]

失礼いたしました！

♥ 1

いいねをした人:

[キタジマ タカシ]

v15.0.0 で Snow Monkey 自体に変更を入れました。トピック閉じます！

♥ 0

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

[投稿者]

投稿