YouTube

Stork19でfooter のメニューを2列にする

デフォルトではモバイルでは1列表示になるのでスマホでメニューを2列になるようにした。

50%で2列に。

下記コードをテーマのカスタムCSSに追加する

@media only screen and (max-width: 767px) {
  #footer-top {
    display: flex;
    flex-wrap: wrap;
  }
  #footer-top .footerwidget {
    width: calc(50% - 1em);
  }
  #menu-fotter-menu1 li a,
  #menu-fotter-menu2 li a,
  #menu-fotter-menu3 li a {
    line-height: 12px; /* リンクのテキストの行間を1.5倍に設定 */
  }
}

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

ド "place_id" の件数: 36