【AFFINGER4】メニューを均等中央揃えにして少しだけオシャレにするカスタマイズ - Love2Labo

AFFINGER4 のメニューで少し残念な部分を変更する これは好みの問題だと思うので私がとやかく言うことではないかもしれませんが、AFFINGERってメニューが少し残念な気がします。 どこら辺かというと、ズバリ「幅が固定（160px）で左寄せな部分」です。 残念な理由 簡単にまとめると残念な理由は2つ。 左寄せなので右側に隙間がある メニューを7個以上にすると2列になってしまう なのでこれを解決する方法を考えてみました。 中央寄せにして幅を等分に変更する方法 今回触るのはCSSファイルのみです。初心者向けですね。 @media print, screen and (min-width: 960px) { header .smanone ul.menu { display: table; table-layout: fixed; text-align: center; margin: 0