모바일 뷰 홈 화면 가이드

개발
2

안녕하세요 :wave:

이 입력 필드들은 모바일에서 .hidden 클래스로만 숨겨지는 것 같습니다.

표시할 수는 있지만, 모바일 뷰를 위한 스타일이 적용되어 있지 않아서 너무 어색해 보이지 않도록 CSS 규칙을 조금 더 추가해야 합니다.

다음 내용부터 시작해 보세요:

.category-breadcrumb {
    display: flex !important;
    gap: 0;
    .plugin-outlet-component {
        flex: 0;
    }
}

이를 테마 또는 컴포넌트의 모바일 탭에 추가하세요.

다음과 같이 표시됩니다:

image

많이 테스트하지는 않았고, 이 선택자 앞뒤의 가용 아웃렛을 사용하는 플러그인이나 컴포넌트와 충돌할 수 있습니다.

따라서 완전하게 작동하는 해결책이라기보다는 작업의 기초에 가깝습니다… 시도해 보고 어떻게 되는지 확인해 보세요 :slight_smile:

수정:

이 입력 필드들은 카테고리 페이지에서 기본적으로 표시된다고 합니다.

따라서 현재 상태의 CSS 코드는 카테고리 페이지에서 이 필드들의 레이아웃을 약간 깨뜨릴 수 있으며, 추가적인 조정이 필요합니다. :slight_smile: