いのっすブログ

使用してみたおすすめのグッズや情報を紹介します。

アフィンガー4のメニュー幅を変更する(狭める・広げる)方法

 2016年11月19日  

アフィンガー4のメニュー幅を変更している図

ワードプレステーマ、アフィンガー4のメニュー幅を変更する方法です。コピペでOKです。

子テーマstyle.cssに以下を追記します。

/*media Queries PCサイズ(960px以上)
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {
    header .smanone ul.menu li{
        width:165px;
    }
}

デフォルトが160pxですので、↑の width:165px のところを大きく記入(180pxなど)すれば広がり、小さく記入(135pxなど)すれば狭まります。

メニュー幅全体が1060pxなので、7等分したければ、1060÷7=151px になります。

スポンサーリンク

-アフィンガー4カスタマイズ