홈페이지에서 '최신', '인기', '카테고리' 및 드롭다운 메뉴를 숨기는 방법

제품 지원
1

안녕하세요, 저희 웹사이트 https://amzdis.com (Amazon Discount)에서 홈페이지의 ‘최신’, ‘인기’, '카테고리’를 숨기고 싶습니다. 설정의 커스터마이즈(Customize)에 어떤 CSS를 입력해야 하나요?

데스크톱 스크린샷 확인

25d73bf70e7ccae30752855af89b0db
25d73bf70e7ccae30752855af89b0db1482×629 192 KB

모바일 스크린샷 확인

233b2133023cdda2384305f90ea4f5f
233b2133023cdda2384305f90ea4f5f1080×1920 159 KB

2

아래 커스텀 CSS를 추가했는데, 데스크톱 홈 페이지의 드롭다운 목록만 제거할 수 있고, 모바일에서는 여전히 드롭다운이 표시됩니다.

.navigation-topics ol.category-breadcrumb {
display: none;}

데스크톱에서는 드롭다운이 사라졌습니다.

e34116ed716db5695eb4187afc638fc
e34116ed716db5695eb4187afc638fc1518×603 166 KB

하지만 모바일에서는 여전히 드롭다운이 표시됩니다.

21ac254fca4d4fdb56b37d9d5567913
21ac254fca4d4fdb56b37d9d55679131080×1920 91.3 KB

3

이 사이트 설정을 사용해야 할 것 같습니다.

상단 메뉴

홈페이지 탐색 메뉴에 표시될 항목과 그 순서를 결정합니다. 예: latest|new|unread|categories|top|read|posted|bookmarks

4

Jonathan5님, 감사합니다.

맞습니다.

fd232598d874a6fcf6505a28de82c80
fd232598d874a6fcf6505a28de82c801263×602 41.4 KB

상단 메뉴를 설정한 후에는 반드시 ‘latest’ 값이 하나 있어야 합니다.

'latest’가 유일한 선택지이자 기본 주제인 상황에서, 홈페이지에서 'latest’를 어떻게 숨길 수 있을까요?

5f3962c53ccb80e3fa21d77ec4eb80b
5f3962c53ccb80e3fa21d77ec4eb80b1056×741 151 KB

5

확실하지는 않지만 CSS일 것 같습니다. 모바일용 CSS와 데스크톱용 CSS는 서로 다른 경우가 많습니다. 데스크톱 브라우저에는 모바일 기기를 흉내 내는 버튼이 있을 텐데, 이를 통해 해당 CSS 클래스/ID를 확인해 볼 수 있습니다.

6

데스크톱

.nav-pills>li a.active {
    color: var(--secondary);
    background-color: var(--quaternary);
    display: none;
}

모바일

.list-controls .nav-pills .navigation-toggle {
    flex: 0 1 auto;
    display: none;
}