css - 在 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

检查截图

Answer 1

从这里引用：

将自定义 CSS 类名称添加到 Elementor 菜单，例如：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 { text-align: center!important; }

2. 在处置>移动下拉菜单>下的编辑导航菜单第一个选项卡（内容）中选择：对齐=“中心”

就是这样！