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

时间:2015-01-26 20:17:38

标签: html css wordpress

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

Original

新的开发网站在这里:

Dev site

我要做的是让菜单尽可能地与原始网站匹配。我是CSS的中间人,所以我有以下问题:

  1. 如何使子菜单文本与父菜单文本保持对齐?
  2. 如何让指针指向父菜单?
  3. 请注意,我正在为开发站点使用名为Max Mega Menu的插件。

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

    Max Mega Menu Styling Example

2 个答案:

答案 0 :(得分:0)

您需要两件事来实现子菜单,例如selier.com

首先,创建一个空div,它将显示在父菜单上,并且宽度为100%。这个div将是你的半透明背景。

然后,对于您创建的每个子菜单,将其背景设置为none,将其宽度限制为某个值,并将其position属性设置为absolute

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

这应该这样做。

答案 1 :(得分:0)

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