常见问题
问题 1：如何防止我的桌面大菜单换行？
有两种情况会破坏桌面大菜单栏的布局：顶级项目过多，或者在比标准桌面更窄的窗口中查看网站。Setting → Layout → Desktop 下的两项设置可以解决此问题 — 无需编码。
菜单溢出导航
打开 Show navigation arrows when menu overflows。顶级栏始终保持在一行；不适应的项目被隐藏在 › 箭头按钮后面，而不是换行。两个颜色字段 Button background color 和 Arrow icon color 让您可以设置按钮的样式。
移动版切换断点
默认情况下，任何宽度小于 768px 的屏幕都会将整个菜单切换到移动模式，即使桌面布局仍有足够空间 — 在平板电脑或调整大小的浏览器窗口上很常见。降低 Breakpoint (px) 字段的值可将桌面栏保持可见至更窄的宽度。
此操作打开的新范围（在您的断点和 768px 之间）比标准桌面更窄 — 也打开菜单溢出导航，以便顶级项目在该范围内不换行。
示例：断点 = 600，启用菜单溢出导航：
| 屏幕宽度 | 行为 |
|---|---|
| 低于 600px | 移动 / 汉堡菜单 |
| 600px – 768px | 桌面大菜单，箭头按钮保持项目在一行 |
| 高于 768px | 桌面大菜单，标准行为 |
这两项设置相互独立，仅影响桌面大菜单 — 不影响 Tabbar、FAB、Slide 菜单或移动大菜单。
问题 2：如何在移动版本中将桌面大菜单显示为侧滑菜单？
有时您想要采用经典的响应式方法：构建一个桌面大菜单，让它在移动设备上自动折叠成 Slide (Hamburger) 菜单，而不是从头开始构建单独的移动菜单。
您只需维护一个菜单 — 桌面版本。移动副本自动跟随，无需维护第二个树形结构以保持同步。
移动优先是当今导航应该如何设计 — 手机带来最多访问量，通常也带来最多收入。从宽桌面栏压缩下来的树形结构实际上是桌面优先的：每个链接需要太多点击，下拉列表样式的组在堆叠列表中不好理解，没有为仅限移动的快捷方式留出空间。
对于商店的主导航，从一开始为移动设计的菜单 — 专用的 Slide、Grid 或 TabBar 菜单 — 通常值得付出额外的维护工作。
折中方案：使用
Smart responsive将桌面大菜单镜像到侧滑菜单（下文步骤），并添加一个可直接打开它的 TabBar 项。将项的Link To字段设置为open:NaviMenu(SF-xxxxxxxxxx)(Business / Elite) — 使用侧滑菜单的嵌入 ID — 这样移动访问者就能获得真实的底部栏入口点，而不是隐藏的汉堡菜单图标。
设置 Smart responsive
打开您的桌面大菜单 → Setting → Mobile → 卡片 Smart responsive。它将此菜单的实时引用嵌入到侧滑菜单中 — 您只需在此处编辑内容，移动版本会自动更新。
- 点击
Copy embed item复制此菜单项模板。 - 将其粘贴在现有侧滑菜单的
level 1— 如果没有，请先创建一个。
多列布局会自动扁平化：列变成一个竖直列表，列标题被删除，在分开的列原本位置插入分隔线 — 这样访问者只需一次点击就能到达每个链接，而不是两次。
嵌入后，卡片显示 This menu already shows on mobile 并提供直接链接到侧滑菜单，您可以随时检查。
微调移动副本
- 隐藏仅限桌面的项。 打开桌面大菜单上的项 →
Visibility→ 打开Exclude when embedded。它保留在桌面上，仅从移动副本中消失。 - 添加仅限移动的项。 侧滑菜单不受参考引入内容的限制 — 在嵌入的项旁边添加常规一级项，用于桌面栏不需要的内容：呼叫/WhatsApp 按钮、营业时间、语言切换器或通常位于主题页眉或页脚中的链接。这些项直接存在于侧滑菜单中，完全不影响桌面版本。