Как скрыть «Последние», «Лучшие», «Категории» и выпадающее меню на главной странице

[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 для мобильных устройств и для настольных компьютеров различаются. В вашем браузере для настольных компьютеров, вероятно, есть кнопка, чтобы притвориться мобильным устройством и узнать класс/ID CSS.

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