Wordpressのドロップダウンメニューでのサブメニューの位置付け

Question

デフォルトの2017テーマを実行しているWordPressサイトを持っていて、多くのカスタムCSSで修正しました。

私の最後の大きな問題は、サブメニューが正しく配置されないことです。右上にあるハンバーガーメニューをクリックすると、ハンバーガーメニューと左揃えになるようにフォーマットされたサブメニューがモバイルデバイスの画面に移動します。

テキストの長さに合わせてサブメニューブロックの幅を短くし、それらのブロックを画面の端に右揃えする必要があります。

それはちょうど私が何を意味するか確認するためにサイトを見て、おそらく簡単です： www.indivisiblesaz.org（申し訳ありませんが、それは政治的なサイトです。）

ありがとう！ Jason

Answer 1

私はあなたのウェブサイトでこれを試しましたが、うまくいくようです。

.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; 
}