被剪裁的横幅图像，未显示为完整的浏览器宽度

Question

我的程序员代码是我网站的一个页面，但是当我们将代码迁移到我的网站时（在Shopify上），一些东西停止了工作。我已经能够修复几乎所有东西，但顶部横幅仍然给我带来麻烦。

我希望它能够填满整个浏览器的宽度（就像页面下方的另一个横幅一样），但它被剪裁为970px宽。如何解决此问题以使其响应并填充整个浏览器宽度？我还希望整个页面在标题下居中。

我正在使用的代码就在这里（我包含了完整的代码，所以我不会错过任何重要的代码）：codepen.io/anon/pen/xZZwZN

当我在codepen中运行它时它起作用，所以我想知道它是否因为页面宽度编码到我的Shopify主题中而剪辑它。有关如何在此页面上修复/覆盖此内容的任何想法？

Answer 1

从.container .columns的css中删除float：left，使其居中对齐。

更改此页面后，页面如下所示 -

希望有所帮助！

Answer 2

正如我在你的网站上看到的，你只需要从skeleton.css float:left;删除link特定页面，所以进入这个文件并从.container .column, .container .columns删除这个类，你的网站是好的:)如果你找不到类，那么请注意你的css文件中的第26行。