액체 주제에 대한 모바일 메뉴 추가

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

을 입력 한 다음 모바일 또는 데스크톱에 표시 할이 두 클래스와 관련된 모든 스타일을 만듭니다.

행복한 코딩 :)