【问题标题】:Centering the dropdown menu in Elementor / Wordpress在 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正确的元素..:)

标签: css wordpress elementor


【解决方案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】:

    这对我有用:

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

      .elementor-nav-menu--dropdown > ul { 文本对齐:中心!重要; }

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

    就是这样!

    【讨论】:

      猜你喜欢
      • 2019-12-12
      • 1970-01-01
      • 2014-03-08
      • 2011-09-26
      • 2012-05-17
      • 2021-11-25
      • 1970-01-01
      • 2011-07-20
      • 2017-02-17
      相关资源
      最近更新 更多