CSSの追記で調節が可能です。
ショップデザイン / テンプレート選択・編集 / クリエイターモード / 全ページ共通
「CSS」欄 の末尾に下記を追記してください。
追記例)
/*トップページイメージのサイズ*/
.kv-area-shadow{
display: none;
}
@media screen and (min-width: 769px) {
.kv-area{
float: none;
display:inline-block;
margin: 30px 0 0 280px;
}
.kv-area,
.kv-area img{
max-width: 1200px;
height: auto;
}
}
@media screen and (max-width: 900px){
.kv-area img {
max-width:100%;
margin-left:0;
}
}
@media screen and (max-width: 768px) {
.kv-area {
margin-top: 50px;
}
.kv-area img {
width: 100%;
height: auto;
object-fit: cover;
position: relative;
}
}表示例)
<PCページ>
<スマホページ>


