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