Materialize CSS：如何在移动端始终显示侧边导航栏？

Question

3

我正在使用Materialize CSS。我正在使用侧边导航，希望在移动设备上也能看到。我使用以下代码进行设置，但它不起作用。

@media only screen and (max-width: 992px) {
    .side-nav{
        visibility: visible;
        opacity: 100;
    }
}

它在小屏幕上继续隐藏。

- mohsin ammar

你从侧边导航栏默认代码中删除了 hide-on-med-and-down 吗？ - Robert

需要使用 Material Design。 - mohsin ammar

hide-on-med-and-down未被应用。 - mohsin ammar

@user3576148 Materialize是一种类似于Bootstrap的前端工具包，具有自己的网格系统。实际上，我更喜欢Materialize网格的语义。 - Enmanuel Rivera

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Enmanuel Rivera · Accepted Answer

Materialize使用CSS变换来显示/隐藏侧边栏，因此改变可见性或不透明度在这里将无济于事。一个非常快速的解决方案就是将translateX变换固定为0。这应该可以使您的导航栏始终可见。

.side-nav {
    transform: translateX(0%) !important;
}