为liquid主题添加移动菜单

Question

在Shopify，

我的桌面menu.Here在桌面标题上没有问题。但是移动视图不显示移动菜单栏。

这是我的桌面导航栏

我的手机菜单是

​

那么我如何在我的手机导航栏中创建手机菜单呢？

Answer 1

您可以简单地为每个视图创建一个类，如下所示：

当显示屏小于768px时：

    .mobile-only {
        display: block;
        visibility: visible;
        padding: 0;
    }
.desktop-only {
        display: none;
        visibility: hidden;
    }

当显示屏大于或等于768px时：

@media (min-width: 768px) {
    .mobile-only {
        display: none;
        visibility: hidden;
    }
.desktop-only {
        display: block;
        visibility: visible;
    }
}

然后创建关于这两个类的所有样式，它将显示在移动或桌面上。

快乐编码:)