デフォルトではモバイルでは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倍に設定 */
}
}
コメントを残す