html - 在父级下的子菜单中移动文本

Question

我正在努力将网站转换为 Wordpress 中的全新主题。原始站点在这里:

Original

新的开发站点在这里:

Dev site

我想做的是使菜单尽可能与原始站点匹配。我对 CSS 相当中级，所以我有以下问题:

1. 如何使子菜单文本与父菜单文本左对齐？
2. 如何让指针指向父菜单？

请注意，我正在为开发站点使用名为 Max Mega Menu 的插件。

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

Max Mega Menu Styling Example

Answer 1

你需要两件事来实现像 selier.com 中的子菜单.

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

然后，对于您创建的每个子菜单，将其背景设置为无，将其宽度限制为某个值，并设置其 position属性(property)absolute .

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

应该这样做。