首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何将我的shopify产品价格移至另一行?

如何将我的shopify产品价格移至另一行?
EN

Stack Overflow用户
提问于 2021-02-11 04:32:31
回答 1查看 145关注 0票数 0

我目前正在尝试调整我在shopify中的价格位置。在桌面视图中,它位于标题的右侧,恰到好处。对于手机,我想把价格移到标题下面,因为手机没有那么大的工作空间。我将插入下面的代码,以及它在移动和桌面上的样子。

代码:

桌面:

移动端:

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-02-12 04:45:40

CSS文件的末尾使用CSS

代码语言:javascript
运行
复制
@media screen and (max-width:767px){
    .template-collection .product-details-div,
    .product-recommendations .product-details-div{ 
      flex-direction:column; 
     }


    .template-collection .product-details-div-price, 
    .product-recommendationsproduct-details-div-price {
      margin-top: 3px;
    }
}

如果与其他CSS没有冲突,它看起来就像这样。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/66144583

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档