为液体主题添加移动菜单

【问题标题】：Add mobile menu for liquid theme为液体主题添加移动菜单
【发布时间】：2017-12-28 13:42:46
【问题描述】：

在 Shopify 中，

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

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

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

【问题讨论】：

标签： javascript html css liquid liquid-layout

【解决方案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;
    }
}

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

编码愉快 :)

【讨论】：