0

プログラマーに自分のサイトのページのコードを書いてもらいましたが、コードを自分のサイト (Shopify で) に移行したときに、いくつかのことが機能しなくなりました。ほとんどすべてを修正できましたが、トップ バナーがまだ問題を引き起こしています。

ブラウザの幅全体を埋めたいのですが(ページの少し下にある他のバナーのように)、幅970pxにクリップされています。これを修正して応答性を高め、ブラウザの幅全体を埋めるにはどうすればよいですか? また、ページ全体をヘッダーの下の中央に配置したいと考えています。

そして、私が使用しているコードはここにあります(重要なものを見逃さないように完全なコードを含めています):codepen.io/anon/pen/xZZwZN

コードペンで実行すると動作するので、Shopify テーマにコード化されたページ幅が原因でクリッピングされているのではないかと考えています。このページのみでこれを修正/上書きする方法についてのアイデアはありますか?

4

2 に答える 2

1

float : leftを.container .columnsの css から削除して中央揃えにします。

これを変更すると、ページは次のようになります -

ここに画像の説明を入力

それが役立つことを願っています!

于 2015-12-15T05:42:25.983 に答える
0

私があなたのサイトで見たように、特定のページのfloat:left;skeleton.cssリンクから削除するだけでよいので、このファイルに移動して.container .column, .container .columns このクラスから削除すると、サイトは問題ありません:)クラスが見つからない場合は、行番号に注意してください26 を css ファイルに追加します。

于 2015-12-15T05:42:01.793 に答える