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

我的手机菜单是

那么我如何在我的手机导航栏中创建手机菜单呢?
发布于 2017-12-28 23:19:59
您可以简单地为每个视图创建一个类,如下所示:
当显示屏小于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;
}
}然后创建关于这两个类的所有样式,它将显示在移动或桌面上。
快乐编码:)
https://stackoverflow.com/questions/48008603
复制相似问题