有料テーマのBroadcastを使用しています。
フッターメニューのデフォルトで1列表示しかなく、2列で表示をしたいのですが可能でしょうか。
HTMLやCSSの知識がなく、コピーアンドペーストでなにか解決策があれば教えていただけると助かります。
よろしくお願いいたします。
Topic summary
Broadcastテーマのフッターメニューを2列表示にする方法についての質問です。
提案された解決策:
株式会社フルバランスのサポート担当者が以下のCSSコードを提案:
.footer__quicklinks.unstyled{
column-count: 2;
}
発生した問題:
- コード適用後、3つ目のページタイトルが2列目に表示されるが、1列目と比べて下にずれる
- 質問者は以下の解決方法を希望:
- ページタイトルを縦横きれいに整列させる方法
- Policies自体を2列目に持っていく方法
現状:
- デスクトップでは問題ないが、モバイル表示で2列にした際にずれが発生
- サイトURL: https://initiocrystal.com/
- 使用端末によって表示が異なる可能性あり(iPhone Safari使用)
- サポート担当者が改善されたか確認中だが、質問者の画面ではまだずれが残っている
- margin/paddingなどの追加スタイルが原因の可能性が指摘されている
ステータス: 解決に向けて調整中
ご質問拝見しました。
メニューの列数を変えるには以下cssで修正できるかなと思います。
.footer__quicklinks.unstyled{
column-count: 2;
}
以上コードをcssファイルに書き込み適用させる、もしくはテーマのカスタマイズ画面のフッターセクションのカスタムcssにコピペしていただければ変更できます。
ご参考までにしていただければと思います。
なにかご質問があれば、お気軽にご相談ください。
お悩み解決できましたら、ベストアンサー、いいねいただけると励みになります。
何卒よろしくお願いします。
株式会社フルバランス
1 Like
株式会社フルバランス
ご担当者様
早速お返事いただきありがとうございます。
添付画像のように3つめののページタイトルが2列目に来たのですが、1列目のページタイトルに比べて少し下にずれて表示されています。
4つのページを追加するとページタイトルが整列されるかなと思って試して見たのですがそれでも少し下にずれて表示されてしまいます。
可能であれば
-
ページタイトルが縦横きっちり整列されて表示する方法
-
もしくはPolicies自体を2列目に持っていく方法
があればご教示いただけますと幸いです。
よろしくお願いいたします。
やはり、テーマのデモストアでは揃うのでデフォルトにないなにかmarginやpadingなどが含まれているのかもしれません…
詳しいコードを見てみないと写真だけではなんともアドバイスがむずかしいです。
ストアリンクなどいただけたら回答しやすいかと思います。
株式会社フルバランス
ご返信ありがとうございます。
現在作成中ですが
です。
デスクトップは現状で問題なしで、モバイルで見た時に2列にしたいです。
よろしくお願いいたします。
ご返信遅れましたが今確認させていただきました。
こちら写真のようなずれは改善されているかのように見えたのですが、いかがでしょうか？
ご連絡ありがとうございます。
私の画面ではまだずれています。
iPhoneでSafariを使用しています。端末によって違うということでしょうか。