添加液体主题的移动菜单

Question

在Shopify，

我有桌面菜单。桌面标题没问题。但移动视图并未显示移动菜单栏。

这是我的桌面导航栏我的手机菜单是

然后我如何在我的移动导航栏中创建移动菜单。

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;
    }
}

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

快乐的编码:)