plugins - UberMenu でメニュー項目の幅を変更する方法

Question

ここのサイトに Ubermenu プラグインをインストールしました。

aep.gov.tr

メニュー項目の幅が広すぎます。したがって、次に示すように、メニューはコンテナーに収まりません。

メニュー項目の幅を狭くするにはどうすればよいですか?

Answer 1

これは、Wordpress に関連するというよりも、CSS に関する質問/問題です。あなたの主な問題は、style.css の 36 行目です。

.navigation ul li a{display:block; float:left; color:#666; text-decoration:none; padding:15px 0 0 0; height:28px; width:130px;}

<li>ここで、タグの width プロパティを削除する必要があります。これにより、メニューが 1 行に表示されます。

したがって、代わりにこれが得られます：

.navigation ul li a{display:block; float:left; color:#666; text-decoration:none; padding:15px 0 0 0; height:28px;}

幅のプロパティと高さのプロパティをいじって、メニューが正しく見えるようにすることをお勧めします。もう 1 つの提案は、Firefox または Google Chrome の Firebug を使用して、CSS の問題をデバッグすることです。それらをすばやく見つけるのに役立ちます。

Answer 2

admin.cssファイルに移動し、保証が失われる可能性があることに注意してください。以下を変更してください。

#megaMenu.megaFullWidth
{
    width:100%;
}

に

#megaMenu.megaFullWidth
{
    width:auto;
}

それが役立つことを願っています。