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

Question

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

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

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

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

Answer 1

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

更改后，页面如下所示 -

希望有所帮助！

Answer 2

正如我在您的网站上看到的那样，您只需要从skeleton.css link中移除public SessionManager SM { get { return new SessionManager();} } 以获取特定页面 所以进入这个文件并从float:left;这个班级删除，你的网站没问题:)如果找不到该课程，请在你的css文件中注意第26行。