內容簡介
Animated Hamburger for Elementor 在您的 Elementor 构建器中添加了一个轻量级的新小部件。
链接到弹出窗口
这个汉堡菜单直接链接到 Elementor 弹出窗口:将该小部件添加到您的 Elementor 页面并选择要触发的 Elementor 弹出窗口。
动画效果
有大量的动画效果和预览按钮,可以在选择它们之前看到它们的实际效果。
基本使用方法
使用 Elementor 时,当您希望移动菜单比标准下拉菜单更复杂或更具有图形效果时,您需要创建一个弹出窗口。我们把这个弹出窗口称为“移动菜单弹出窗口”。使用此小部件,您可以轻松地实现一个汉堡菜单,点击即可触发“移动菜单弹出窗口”。
1- 创建一个酷炫的弹出窗口,将其用作移动菜单
2- 在您的标题中将您的导航菜单设置为在智能手机上隐藏(如果您想的话,也可以隐藏在平板电脑上)
3- 在您的标题中添加 Animated Hamburger for Elementor 小部件,并仅在智能手机(或平板电脑)上可见
4- 利润
查看实时示例(将视图更改为智能手机以查看小部件的使用情况)
实时示例
致谢
CSS 动画效果
版权所有 (c) 2016 Jonathan Suh hello@jonsuh.com (jonsuh.com)
许可证:MIT
来源:https://github.com/jonsuh/hamburgers/blob/master/LICENSE
支持
有关支持,请使用官方论坛。
開發者團隊
② 後台搜尋「Animated Hamburger for Elementor」→ 直接安裝(推薦)
原文外掛簡介
Animated Hamburger for Elementor adds a new lightweight widget to your Elementor builder.
Linked to popups
This hamburger menù is directly linked to an Elementor popup: add the widget to your Elementor page and choose the Elementor popup to trigger.
Animations
Tons of animations and a preview button to see them in action before actually selecting them.
Basic usage
With Elementor, when you want the mobile menù to be more complex or graphically better than the standard dropdown, you need to create a popup. Let’s call this popup “Mobile Menù Popup”. With this widget you can easily implement an hamburger menù that on click trigger the “Mobile Menù Popup”.
1 – Create a cool popup that will be used as mobile menù
2 – In your header set your navigation menù as hidden on smartphone ( tablet too if you want )
3 – In your header add Animated Hamburger for Elementor widget and make it visible only on smartphone ( or tablet )
4 – Profit
Check a live example ( change view to smartphone to see the widget how it behaves )
Live example
CREDITS
CSS Animations
Copyright (c) 2016 Jonathan Suh [email protected] (jonsuh.com)
License: MIT
Source: https://github.com/jonsuh/hamburgers/blob/master/LICENSE
Support
For support you can use the official forum.
