Html 在父菜单下的子菜单中移动文本

我正在努力将一个站点转换为Wordpress中的一个全新主题。原址如下：

新开发站点位于以下位置：

我想做的是使菜单尽可能接近原始站点。我在CSS方面处于中等水平，因此我有以下问题：

如何使子菜单文本与父菜单文本左对齐

如何使指针指向父菜单

请注意，我正在为开发网站使用一个名为MaxMega菜单的插件

Max Mega菜单包含添加自定义样式的位置。在他们的网站上有一个例子：

---

要实现中的子菜单，需要两件事

首先，创建一个空div，它将显示在父菜单悬停处，宽度为100%。这个div将是您的半透明背景

然后，对于您创建的每个子菜单，将其背景设置为无，将其宽度限制为某个值，并将其

位置

属性设置为

绝对

另外，确保子菜单显示在背景div的顶部

---

这应该可以做到。

最好不要使用任何插件，也不要使用自定义html菜单来获得演示中的确切菜单。

问题是这是一个WordPress网站，他们需要使用WordPress菜单工具来显示此菜单，以便将来他们可以灵活地更改菜单，而无需开发人员的许可不管有没有Wordpress，你都可以按照我描述的方式来做。如果我不需要使用Wordpress菜单创建工具，你描述的内容就可以了。如果没有对现有主题进行大量定制，我无法告诉wordpress菜单工具在何处显示菜单，我需要这样做才能让您的想法发挥作用。正如下面的评论所述，这是一个Wordpress网站，客户端需要能够使用Wordpress菜单编辑器来创建菜单，以便将来的任何更改都不需要开发人员的干预。脱离主题，但“下面”可能不会永远起作用。只需说“如其他地方所述”：）最好在问题中包含相关代码，因为这些链接在不久的将来可能无效。