如何在手机上使用其他菜单-Shopify（mmenu）

Question

我开始在Shopify商店工作。以前的开发人员使用mmenu来创建移动菜单。

我想为移动设备和台式机使用不同的菜单，问题是，如何控制mmenu显示哪个菜单？

谢谢

Answer 1

首先，您需要确保使用以下选项克隆菜单（因为插件对html进行了大量更改）：

$("#my-menu").mmenu({
   // options
}, {
   // configuration
   clone: true
});

然后，您需要根据ID（在前面加上mm-）添加css，以显示原始文件或克隆文件。

@media (max-width: 600px) {
   #my-menu {
      display: none !important;
   }
}
@media (min-width: 601px) {
   #mm-my-menu{
      display: none !important;
   }
}

Here's the actual documentation