Css 在Elementor/Wordpress中将下拉菜单居中

你能帮我把父菜单的下拉菜单放在中间吗？我正在wordpress中使用Elementor。我尝试了此css代码，但它没有任何作用：

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

引用自：

在Elementor菜单中添加自定义CSS类名，例如：完整的“中心”下拉列表

这对我很有用：

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

.elementor导航菜单--下拉菜单>ul { 文本对齐：居中！重要； }

在“编辑导航”菜单的“配置”>“移动”下拉列表>下的第一个选项卡（内容）中，选择：Align=“Center”

---

就这样

发布您的完整代码或live Example抱歉，ismail，它当前位于需要登录的临时站点中。我一直在检查元素，似乎无法获得Elementor嵌入菜单的正确类或ID。我试图把我自己的类或ID，但它没有做任何事。也许用吧！重要信息？您可以使用elementor页眉页脚插件您可以添加图像谢谢Vasim，但我不想添加另一个臃肿的插件，elementor Pro是一个足够好的页面生成器，我只需要一位专家为我指出正确的方向，以便将正确的css添加到正确的元素：）

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