使Elementor / Wordpress中的下拉菜单居中

Question

请问我帮助我将父菜单中的下拉菜单居中，我在wordpress中使用了Elementor。我试过这个css代码，但它没有做任何事情：

.header-menu {
     left: 50%;
     right: auto;
     text-align: center;
     transform: translate(-50%, 0);
 }

https://i.stack.imgur.com/r9LQd.jpg

Screenshot of the inspect

Answer 1

引用here：

在Elementor菜单中添加自定义CSS类名称，例如： full_center_dropdown

.full_center_dropdown nav ul {
    min-width: 100% !important;
}
.full_center_dropdown nav ul a {
   justify-content: center;
}

Answer 2

这对我有用：

1. 在导航菜单中添加以下 CSS：

   .elementor-nav-menu--dropdown > ul { 文本对齐：居中！重要； }

2. 在编辑导航菜单的第一个选项卡（内容）下的处​​置 > 移动下拉菜单 > 选择：Align = "Center"

就是这样！