如何让媒体查询包装我的div？

Question

我正在运行Shopify Debut主题。我正在尝试编辑带有背景图像的文本叠加的英雄部分。

我创建了两个div，我可以将它们放在一起。但是，当我将屏幕尺寸缩小到移动设备时，右侧的div就会从屏幕上移开。

每个div都有一个媒体查询（来自shopify主题）。我想我需要编辑它来改变div的显示类型，但我不确定。你能建议吗？我在jfiddle中删除了代码。

  @include media-query($small) {
max-width: $width-site;
padding-left: $gutter-site-mobile;
padding-right: $gutter-site-mobile;}

详情请见小提琴： https://jsfiddle.net/tulanejosh/dj7cskpp/1/

谢谢！

Answer 1

这不是css，它是sass / scss ..因此你的媒体查询无法工作，因为$ small未定义

你应该发布已编译的css