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

标签 html css wordpress

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

Original

新的开发站点在这里:

Dev site

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

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

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

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

Max Mega Menu Styling Example

最佳答案

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

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

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

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

应该这样做。

关于html - 在父级下的子菜单中移动文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28158022/

相关文章:

javascript - 在 XAMPP 上的 HTML 中获取外部 Javascript 文件的 404

html - 为什么伪内容是:after not shown after but in the corresponding div?

jquery - CSS - 输入焦点时样式父 div

php - 如何更改 wordpress 中特色图片的图片大小?

wordpress - 如何修改wordpress列表评论中的日期格式

javascript - iOS/iPhone 输入 "number"键盘以允许冒号

javascript - 加入和着色 TR

css - IE9 中的 HTML5 视频在其两侧显示黑色边框

css - 我的 wordpress 主题样式错误(socialvirall)

javascript - 如何平滑地垂直移动/动画 DIV 背景图像?