materialize css : 모바일에서도 측면 탐색을 항상 표시 하시겠습니까?

Question

materialize CSS를 사용하고 있습니다. 사이드 탐색을 사용 중이며 모바일에서도 표시되도록 설정하고 싶습니다. 이 코드는 다음 코드를 사용하지만 작동하지 않습니다.

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

작은 화면에 계속 숨어 있습니다.

Answer 1

Materialize는 측면 변형을 표시/숨기기 위해 CSS 변형을 사용하므로 가시성 또는 불투명도를 변경해도 여기에 도움이되지 않습니다. 아주 빠른 해결책은 translateX 변환을 0으로 고정하는 것입니다. 이렇게하면 항상 nav를 볼 수있게됩니다.

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