Wordpress 下拉菜单中的子菜单定位

Question

我有一个 WordPress 网站，运行默认的 2017 主题，我使用大量自定义 CSS 对其进行了修改。

我的最后一个大问题是我无法正确定位子菜单。单击右上角的汉堡菜单时，与汉堡菜单左对齐的子菜单会从移动设备的屏幕上移开。

我需要缩短子菜单块的宽度以匹配文本长度，然后将这些块右对齐到屏幕边缘。

只看网站可能更容易理解我的意思： www.indivisiblesaz.org（对不起，这是一个政治网站。）

谢谢！ 杰森

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