2017-02-28 112 views
0

我有一個WordPress網站,運行默認的2017主題,我修改了很多自定義CSS。在Wordpress下拉菜單中定位子菜單

我最後一個大問題是我無法正確定位子菜單。當點擊右上角的漢堡包菜單時,被格式化爲與漢堡包菜單左對齊的子菜單將移動到移動設備的屏幕上。

我需要縮短子菜單塊寬度以匹配文本長度,然後將這些塊右對齊到屏幕邊緣。

它可能更容易只是看網站上看到了我的意思: www.indivisiblesaz.org(對不起,這是一個政治網站)

謝謝! 傑森

回答

0

我試過這個在你的網站上,似乎工作。

.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { 
    left: -2.5em; 
    right: auto; 
} 

而且你還可以在下面的部分調整寬度:

.main-navigation ul ul a { 
    padding: 0.75em 1.25em; 
    width: 190px; 
} 
+0

謝謝!完美的作品。 –