如何使子菜单文本居中或在 Elementor 上移动子菜单项以使所有内容对齐？

Question

我正在使用 Elementor，但无法正确对齐文本和项目，所以我得到了这个：

我尝试过使用在此处和 Reddit 上找到的各种自定义 CSS 代码，但似乎没有任何效果。我希望左边的填充更小。有人可以帮我吗？

Answer 1

要将下拉菜单中的文本居中，请向 Elementor 菜单添加一个类（以下示例使用

drop-down-menu

类）并使用以下 CSS 代码：

.drop-down-menu {
  /* To ensure the padding on the left and right is the same */
  padding-left: 0px; /* Any value followed by a unit can be used here, 0px is just an example */
  padding-right: 0px;
  /* To center the text horizontally */
  text-align: center;
}