Shopify如何更改手机主屏幕Banner的大小

只需按照以下步骤操作即可:

导航至在线商店 -> 主题 -> 编辑代码。
搜索文件 “base.css”。
将提供的代码粘贴到文件底部。
保存更改。

@media screen and (max-width: 550px){
.banner__media.media{
height: 65rem !important;
}

#Banner-template–16845095502100__image_banner_qTenWF img{
display: block;
max-width: 100%;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
/* background-position-y: center; */
object-fit: unset;
}
}

原创文章,作者:图帕先生,感谢支持原创,如若转载,请注明出处:https://www.yestupa.com/12696.html

(0)
打赏 微信咖啡 微信咖啡 支付宝咖啡 支付宝咖啡
上一篇 1月 4, 2022 上午1:14
下一篇 1月 5, 2022 下午2:04

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注