1
Woocommerce Storefront의 하위 테마를 개발 중입니다.Storefront : 768px 와이드 스크린 용 모바일 레이아웃으로 전환
태블릿 (세로, 768px 너비)의 경우 데스크톱 레이아웃 (기본 메뉴 등) 대신 "모바일"레이아웃 (버거 메뉴 등)을 표시하고 싶습니다. 내 CSS 파일에서 바탕 화면 에 대한 모바일 @media (min-width: 769px)에 대한 @media (max-width: 768px) :
그러나 상점 전면의 모든 미디어 검색어는 @media (min-width: 768px)의 데스크톱 레이아웃을 활성화 한 것으로 보입니다.
어떻게이 중단 점을 변경할 수 있습니까?
편집 1 : 나는
$desktop: 769px;
$handheld: 768px;
에 파일 WP - 콘텐츠/테마/점포/자산/말대꾸/유틸/_variables.scss을 편집하려하지만, 레이아웃을 변경하지 않습니다.
편집 2 :는 내가 functions.php
// Change Woocommerce css breaktpoint from max width: 768px to 767px
add_filter('woocommerce_style_smallscreen_breakpoint','woo_custom_breakpoint');
function woo_custom_breakpoint($px) {
$px = '769px';
return $px;
}
에서 이것을 시도했지만 중 하나가 작동하지 않습니다.
u는 이것을 의미합니까? https://stackoverflow.com/questions/39612275/change-woocommerce-media-query-breakpoint-to-load-woocommerce-smallscreen-css-at – Hash
@Hash는이 네 같은입니다! 그러나이 링크의 코드는 나를 위해 작동하지 않습니다. 768px 너비의 경우 모바일 메뉴가 필요한 반면 데스크톱 메뉴는 여전히 표시됩니다. 좀 더 도와 줄 수 있어요? – Louis
@Hash 다른 아이디어가 있습니까? – Louis