ホームページの「最新」、「トップ」、「カテゴリ」とドロップダウンを非表示にする方法

[AmzDis]

こんにちは、皆様。当サイト https://amzdis.com（Amazon Discount）では、ホームページの「最新」「人気」「カテゴリ」を非表示にしたいと考えています。設定のカスタマイズにどのような CSS を記述すればよろしいでしょうか？

デスクトップのスクリーンショットをご覧ください

モバイルのスクリーンショットをご覧ください

[AmzDis]

以下のカスタム CSS を追加しましたが、デスクトップのホームページからドロップダウンリストを削除するだけで、モバイルではまだ表示されてしまいます。

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

デスクトップではドロップダウンは消えています。

しかし、モバイルではまだドロップダウンが表示されています。

[Jonathan5]

このサイト設定を使用する必要があります。

上部メニュー

ホームページのナビゲーションに表示される項目とその順序を決定します。例：latest|new|unread|categories|top|read|posted|bookmarks

[AmzDis]

ありがとう、Jonathan5。

その通りです。

トップメニューを設定した後、必ず「latest」という値が含まれる必要があります。

「latest」は唯一の選択肢でありデフォルトのトピックであるため、ホームページから「latest」を非表示にするにはどうすればよいでしょうか？

[Jonathan5]

わかりませんが、おそらく CSS でしょう。モバイル版とデスクトップ版では CSS が異なることがよくあります。デスクトップブラウザには、モバイル端末を模倣して CSS のクラス名や ID を確認するためのボタンがあるはずです。

[ondrej]

デスクトップ

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