모바일 카테고리 페이지 스타일을 어떻게 설정할 수 있나요?

[hrayner (Harley Rayner)]

데스크톱 카테고리 페이지 스타일을 "추천 주제 포함 박스"로 설정한 디스코urs 포럼을 구축했습니다. 데스크톱에서는 이 설정이 잘 작동하며, CSS를 수정하여 데스크톱 뷰에서 원하는 결과를 얻었습니다.

하지만 모바일 뷰로 전환하면 “추천 주제 포함 박스” 스타일이 사라지고, “카테고리만” 페이지 스타일에 가까운 화면이 표시됩니다. 모바일 뷰도 "추천 주제 포함 박스"로 설정하는 간단한 방법이 있을까요?

[tshenry (Taylor)]

현재 모바일 카테고리 페이지에는 사실상 하나의 스타일만 적용되어 있습니다. 데스크톱의 “주요 주제 박스” 옵션과 가장 유사하지만, 몇 가지 추가 통계 정보를 포함하고 있습니다. 데스크톱과 모바일에서 커스터마이징되지 않은 상태의 모습은 다음과 같습니다:

데스크톱 커스터마이징과 유사하게 스타일링하는 것이 어려운 부분이 구체적으로 어떤 것들인지 더 자세히 설명해 주시겠어요? 몇 가지 팁을 드릴 수 있을지도 모릅니다.

[cogdog (Alan Levine)]

저도 비슷한 문제에 직면해 있습니다. 저희 사이트는 주요 카테고리를 나열하여 사용자가 진입할 영역을 선택할 수 있도록 하는 더 단순한 프론트 페이지를 원합니다. 이때 카테고리 설명도 포함되어야 합니다:

하지만 모바일에서는 카테고리만 표시되는 옵션을 찾을 수 없었습니다. 추천 주제와 함께 카테고리가 표시되며(설명은 없습니다):

따라서 위에서 언급한 내용으로 보아, 모바일에서는 이것이 유일한 옵션인 것 같습니다.

[tshenry (Taylor)]

이 작은 Mobile Category List Adjustments 컴포넌트로 필요한 기능을 충족할 수 있습니다. 한번 확인해 보세요.

[cogdog (Alan Levine)]

와, 감사합니다. 정말 거의 완성되었네요.

저는 카테고리 설명이 필요한데, 지금은 아이콘과 제목만 표시되고 있어요. 하지만 당분간 상위 3개 주제만 표시하는 것으로도 괜찮을 것 같아요. 모바일 테마가 여기서 이렇게 제한되어 있는지 전혀 몰랐습니다.

[lisandro_iaffar]

안녕하세요!
CSS는 어떻게 다루는지 알고 있지만, 모바일에서 어떻게 처리해야 할지 감이 오지 않습니다. 카테고리 사이의 간격을 줄여 데스크톱과 동일한 레이아웃을 만들고 싶고, 인터페이스를 조금 더 압축하고 싶습니다. CSS로 호출해야 할 요소가 무엇인지 알려 주실 수 있을까요? 아니면 최소한 어떻게 찾아야 하는지 알려 주시면 감사하겠습니다.

[Fma965]

이것이 도움이 될 것 같습니다. 저도 같은 일을 해보고 싶었거든요. Enhanced category-box display component - #11 by Fma965