elementor如何设置超级菜单
时间: 2023-10-18 17:11:23 浏览: 46
Elementor设置超级菜单的方法如下:
1. 登录WordPress后台,进入Elementor编辑器。
2. 点击左上角的“Templates”选项,然后点击“Theme Builder”。
3. 选择要添加超级菜单的模板类型(如Header、Footer等),然后点击“Add New”。
4. 选择“Header”类型,然后点击“Create Header”。
5. 在页面中央添加一个自定义HTML元素,然后在其中插入以下代码:
```html
<ul class="submenu">
<li><a href="#">Submenu Item 1</a></li>
<li><a href="#">Submenu Item 2</a></li>
<li><a href="#">Submenu Item 3</a></li>
</ul>
```
6. 在自定义CSS中添加以下CSS代码:
```css
.submenu {
display: none;
position: absolute;
top: 50px;
left: 0;
background-color: #fff;
border: 1px solid #ddd;
padding: 10px;
}
.submenu li {
display: block;
}
```
7. 在自定义JavaScript中添加以下代码:
```javascript
jQuery(document).ready(function() {
jQuery('.menu-item-has-children').hover(function() {
jQuery(this).children('.submenu').fadeIn('fast');
}, function() {
jQuery(this).children('.submenu').fadeOut('fast');
});
});
```
8. 保存并发布您的新超级菜单!