如何在响应式 Shopify 设计中更改元素的位置

【问题标题】：How to Change Position of element in responsive shopify design如何在响应式 Shopify 设计中更改元素的位置
【发布时间】：2020-02-07 16:56:01
【问题描述】：

在这方面有点新手，但我喜欢它......我只是有一个关于在 Shopify 中编辑样式表的简单问题。我录制了一个 2 分钟的快速视频，向您展示我正在尝试做的事情。基本上使文本元素响应。该网站也是royalmetalarts.com 请看下面的视频...

https://www.youtube.com/watch?v=uBaS_HkXr_8&feature=youtu.be

【问题讨论】：

标签： css shopify responsive

【解决方案1】：

我找到了一个简单的解决方案，即使我不知道它的作用。您必须在@media (max-width: 1024px) 之后直接添加body。（以前是@media (max-width: 1024px) .breadcrumb 现在是@media (max-width: 1024px) body .breadcrumb）

希望这对你有用！

【讨论】：

感谢您的回复！我在 responsive.css 样式表中进行了尝试，它确实有效，唯一的问题是它使标题图像回到了移动设计中的原始桌面比例。也许我在错误的地方做这件事？
@NathanReimche-Vu 您是否在第 366 行的开头添加了 body？
谢谢！那行得通！我把身体放在第 366 行的 .breadcrumb 之前。现在我需要知道为什么会这样，哈哈，再次感谢您！