导航栏菜单按钮 - 设备可见性

在WebFlow上可以很方便的修改「Menu Button 菜单按钮」在不同设备上的可见性。

设备可见性修改步骤

双击导航栏symbol，进入symbol编辑模式，接着选中「Navbar 导航栏」任意盒子。

切换到「Settings 设置」面板。找到「Menu icon for」，这个是调整设备可见性的滑块。

滑动滑块到横屏手机图标处。

现在，菜单链接可以在「Desktop 桌面电脑」和「Tablet 平板电脑」宽度下看到。菜单按钮则只会出现在「Phone 手机」宽度下。

切换设备，观看修改效果。

退出预览。滑动滑块到桌面电脑图标处。现在，所有的设备上都可以看到菜单按钮，不会有展开的菜单链接。

刚刚尝试两种不同的设备可见性调整，在现在市场上的设计中都比较常见，可以根据你的设计调整。

现在我们先恢复默认值，把滑块移动回平板电脑图标。