2カラムに分割したフッターで、左には2つ並び表示のメニューB、右に1つ表示のメニュー(本文)

 
フッターに設けたサブメニューはハンバーガーメニューに入らずそのままスマホでも表示されることが多くなります。左右に分けたブロックでメニューをカテゴリーごとに作成する時、文字数によってはパソコンでもスマホでも横に2つ並べて表示できたほうが見栄えも良くなることがあります。
2つ並びで表示するメニューを「メニューB」に対する設定をDress(ブロックDressテーマ)で設定し、1つ並びで表示するメニューを「本文」に指定して、ブロックの左右で並べています。


  • 2分割した左のメニューはメニューBを2つ並びに、右は本文で1つごとい改行となるようにCSSで設定しています。
  • 2分割したそれぞれのカラムにある線の色・太さはCSSタブで変更可能です。
  • 住所の改行調整のためのCSSもブロック内(最終行)にカスタムタグで入れています。

Tablet View

SP View