在过去，我通过添加两个名称相同的菜单项来实现这一点，当超过一个维度（700px）时隐藏一个菜单项，并使一个菜单项可见。然后，当你跨过门槛时，你就会反转。

.menu-item-1 {
  display:block:
}
.menu-item-2 {
display:none;
}

@media all and (max-width: 699px) {
    .menu-item-1 {
      display:none:
    }
    .menu-item-2 {
    display:block;
    }
}

您可以向菜单部分中的每个菜单项添加css（如果您没有看到css字段，可能需要检查右上角的“屏幕选项”）