在Squarespace中如何更改横幅图像的位置

时间:2018-08-22 08:48:39

标签: html css squarespace

我希望横幅图像的位置在较小的屏幕上更改-最大宽度414px。我想显示图像最右边的产品(建筑物)。在更大的屏幕上会显示建筑物。

我通过更改样式的位置使其在开发人员工具中起作用:left:-1077.383px;

这是横幅广告所在的代码(左侧位置已调整)。我在显示代码块时遇到了困难,所以我希望这些足够了:

Screenshot of code

查看源:http://digitalponddesign.com/utestua/utestua.html

在媒体查询中,如何定位此元素,以便可以在小于414px的屏幕上调整左侧位置。 我已经将图像容器的内容填充和第一类作为目标,但无济于事:(

如何在媒体查询中定位此元素以使其正常工作

我创建了一个媒体查询:

<style>
  @media only screen and(max-width:414px) {

/* not working */ 
     .image-container {
     left: -1077.383px;
    }

}
</style>

网站为https://utestua.no/

预先感谢:)

0 个答案:

没有答案