私はshopifyテーマ "Supply"を使用しています.3つではなく4つのメニュー(div)を持つようにフッタコードを編集しました。しかし、今ではページを圧縮してモバイル/ iPadでどのように見えるかを確認すると、お互いの下に落ちると、彼らはまったく一緒にインラインで尻込みする。Shopify - フッタメニュー(divs)は、モバイル上で互いに下に落ちない?
私はこの問題を解決する方法を知っていますか?フッタメニューがお互いの下にありますが、私は4つのメニューを持つことができますか?
私のフッターが今CSSのスクリーンショット編集した後:私はサポートにフッターメニュー3(誇りを作成するために、第一フッターブロック内のコードを複製しhttp://supply-electronics.myshopify.com/
:https://postimg.org/image/ssnzk93i7/
を私はshopify自由供給のテーマを使用しています)とそれをそれ自身のクラス与えた - 私は行くために新しいブロックを望んでいた場所を配置するために、「大規模な3-カスタム」と「スニペット」を使用:
{% include 'custom-snippet.liquid' %}
Iその後、edite Dちょうどtheme.liquidにおける端headタグ</head>
前に、次のコードを追加してCSS:その後、
{{ 'custom-styles.css' | asset_url | stylesheet_tag }}
とは、私は次のCSSを追加した資産に空白のカスタムstyles.css.liquidを作成しました。
私は(彼らは携帯電話やiPad上で互いに罰金に該当のみ3フッターメニューと元のテーマで)ページの幅に合わせて
/*footer block 1*/
.large--three-twelfths {
width: 21%;
}
/*footer block 2*/
.large--five-twelfths {
width: 23%;
}
/*footer block 3*/
.large--three-custom {
width: 27%;
}
/*footer block 4*/
.large--one-third {
width: 29%;
をフッタブロックについては、このCSSコード内の%値を変更
これをどのように修正できるかご存知ですか?