如何隐藏主页上的“最新”、“热门”、“分类”和下拉菜单

[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 是不同的。你的桌面浏览器可能有一个按钮可以模拟移动设备，从而查看 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;
}