プログラマーに自分のサイトのページのコードを書いてもらいましたが、コードを自分のサイト (Shopify で) に移行したときに、いくつかのことが機能しなくなりました。ほとんどすべてを修正できましたが、トップ バナーがまだ問題を引き起こしています。
ブラウザの幅全体を埋めたいのですが(ページの少し下にある他のバナーのように)、幅970pxにクリップされています。これを修正して応答性を高め、ブラウザの幅全体を埋めるにはどうすればよいですか? また、ページ全体をヘッダーの下の中央に配置したいと考えています。
そして、私が使用しているコードはここにあります(重要なものを見逃さないように完全なコードを含めています):codepen.io/anon/pen/xZZwZN
コードペンで実行すると動作するので、Shopify テーマにコード化されたページ幅が原因でクリッピングされているのではないかと考えています。このページのみでこれを修正/上書きする方法についてのアイデアはありますか?