【使用场景】

自适应网站实现汉堡包式展开的全屏导航，提高网站视觉效果

【功能说明】

1. 鼠标悬停导航栏，点击工具栏中“编辑样式”按钮，在“导航栏样式”中选择第二项，即可开启全屏导航模式

1622023571-5a2ad390af1bdeb

2. 选择是否隐藏一级栏目，设置导航图标、展开方向等细节， 点击“编辑展开内容”按钮，即可设计全屏展开后的样式

1622023573-6e60db751168640

3. 全屏样式设计可选择添加模块或素材，编辑完毕后点击右上方的“×”按钮即可退出编辑模式

1622023575-957f6c7dd43bbdc

4. 全屏导航实现的效果可参考下图

样式一：

1622023578-764b32daba2ac3c样式二：

1622023580-ebbc0ee6699eb28

样式三：

1622023581-202bdca3afef410

样式四：

1622023583-9f59d0652174e31

动图教程如下：

1622023584-ef931d05204585a▲ 全屏导航设置教程

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。