Dawnの画像バナーに関して

日本語 ディスカッション Shopify テーマ
1

Dawnの画像バナーに関しての質問になります。（Dawnのバージョン15.2.0）

アスペクト比を16：9でPCバナーを設定したいのですが、画像配置後、画像が自動で大きくなってしまいます。

テーマの画面では小さくなりませんが、ストアを見てみると大きくなってしまいます。

バナー作成を比率を固定し、ロゴやフォントを配置して設置していきたいため、自動で大きくなってしまい困っております。

対処法を教えて頂けると助かります。

尚、画像バナーのカスタムCSSのところには下記を挿入し、スマホでの画像表示をしています。

こちらは9：16で綺麗なサイズで表示してくれます。

.banner {
aspect-ratio: 9/16;
}
.banner__media {
width: 100%;
}
.banner > div.banner__media {
display: none;
}
div.banner__media + div.banner__media {
display: block;
}
@media (min-width: 750px) {
.banner {
aspect-ratio: auto;
}
.banner > div.banner__media {
display: block;
}
div.banner__media + div.banner__media {
display: none;
}
}
Copy

2

@r000016 様

画像が自動で大きくなってしまう件ですが、

バナーの高さが「最初の画像に合わせる」以外になっていたり、

画像バナーの設定「アニメーション」の画像の挙動が「周囲の挙動」となっていたりしないでしょうか。

この設定となっている場合は、画像か拡大表示される場合がございます。

それ以外の可能性としては、他のcss等と干渉し画像が拡大表示される可能性がございます。

他のcss等と干渉している場合実際の画面を確認できればもう少し確認ができるかもしれません。

明確な回答とならず恐縮です。

（キュー小坂）

3

コメントありがとうございます。

下記の設定が誤っておりました。

バナーの高さが「最初の画像に合わせる」以外になっていたり

はじめたばかりで仕様があまり分かっておらず助かりました。