ヘッダ画像（アイキャッチ）の天地を調整したコードがSnowMonkeyのアップデート後おかしくなった

♥ 0

Who liked: No user

このトピックには2件の返信、2人の参加者があり、最後にotomewebにより1週前に更新されました。

3件の投稿を表示中 - 1 - 3件目 (全3件中)

投稿者

投稿
2024年11月14日 9:52 PM #142753
otomeweb
参加者

♥ 22
【お使いの Snow Monkey のバージョン】27.3.5
【お使いの Snow Monkey Blocks のバージョン】22.2.3
【お使いの Snow Monkey Editor のバージョン】10.0.5
【お使いの PHP のバージョン】8.2.22
【お使いのブラウザ】Chrome
【当該サイトのURL】https://mixpie.design/bouncebackdesign/

### 発生している問題

アイキャッチ画像（ヘッダ画像？）が小さくなってしまった
アップデート前にはちゃんと全幅で表示されていた

### 試したこと

以下のCSSで天地を調整しているのでその見直し
```
.c-eyecatch {
	width:80%;
	height:80%;
}

.c-page-header {
	padding:0;
}

.c-page-header[data-has-image="true"] {
    min-height: auto;
    height: auto;
}

.c-page-header[data-has-image="true"] .c-page-header__bgimage {
    position: relative;
}

.c-page-header[data-has-image="true"] .c-page-header__bgimage > img {
    height: auto;
    position: relative;
}
```
♥ 0

Who liked: No user
2024年11月14日 10:59 PM #142758
キタジマタカシ
参加者

♥ 2421
```
.c-page-header[data-has-image="true"] .c-page-header__bgimage {
  width: 100%;
}
```
という感じで width: 100%; にしたらどうですかね？

♥ 0

Who liked: No user
2024年11月14日 11:36 PM #142761

otomeweb
参加者

♥ 22

うまくいきました！
別サイトでも同じ現象がでてたので、困ってました
このややこしいCSSの書き方（セレクター？）よくわかってないんですよね

支援・寄付について

町田のLGBTQ+コミュニティ「虹色さざんか」への支援・寄付のお願い私たち「虹色さざんか」は、多様性を尊重し…

machida-sazanka.mixpie.design

ありがとうございます
閉じますね

♥ 0

Who liked: No user
投稿者

投稿