在 Elementor / Wordpress 中居中下拉菜单

Posted 2023-05-09

【中文标题】在 Elementor / Wordpress 中居中下拉菜单

【英文标题】：Centering the dropdown menu in Elementor / Wordpress

【发布时间】：2018-10-19 13:50:33

【问题描述】：

请您帮我将父菜单中的下拉菜单居中，我在 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

【问题讨论】：

发布您的完整代码或实例

对不起，ismail，它目前位于需要登录的临时站点中。我一直在尝试检查元素，似乎无法获得 Elementor 嵌入菜单的正确类或 ID。我试图把我自己的类或 ID，但它没有做任何事情。也许使用 !important？

你可以使用 elementor 页眉页脚插件

可以添加图片

感谢 Vasim，但我不想添加另一个臃肿的插件，Elementor Pro 是一个足够好的页面构建器，我只需要一位大师为我指出正确的方向以添加正确的 css正确的元素..:)

【参考方案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;

【参考方案2】：

这对我有用：

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

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

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

就是这样！