Руководство по главной странице в мобильном виде

Две опции, которые вы видите — [все категории] и [все теги] — рядом с «Последние» под заголовком отображаются в режиме просмотра на ПК.

Но они не отображаются в мобильном режиме просмотра.

Их можно отобразить, поиграв с настройками, но я хочу, чтобы они были видны по умолчанию в мобильном режиме просмотра на главной странице. Пожалуйста, подскажите, как это включить в мобильном режиме?

Привет :wave:

Похоже, эти поля скрыты на мобильных устройствах только с помощью класса .hidden.

Вы можете сделать их видимыми, но поскольку они не стилизованы для мобильного вида, потребуется добавить немного больше правил CSS, чтобы они не выглядели слишком криво.

Можете начать с этого:

.category-breadcrumb {
    display: flex !important;
    gap: 0;
    .plugin-outlet-component {
        flex: 0;
    }
}

Добавьте это на вкладку Mobile вашей темы или компонента.

Это будет выглядеть так:

Я не тестировал это очень тщательно, и это может конфликтовать с плагинами или компонентами, которые используют доступные слоты до и после этих селекторов.

Поэтому, скорее всего, это скорее основа для работы, чем полностью готовое решение… Можете попробовать и посмотреть, как получится :slight_smile:

Редактирование:

Мне сказали, что эти поля по умолчанию отображаются на странице категории.

Поэтому мой CSS-код в текущем состоянии немного нарушит верстку этих полей на странице категории, и потребуется дополнительная доработка. :slight_smile:

Вы можете посмотреть это:

На самом деле я не знаю, как использовать CSS. Более того, я вообще не связан с сферой компьютерных наук.

Если есть возможность включить или выключить эту опцию, я смогу это сделать.

Боюсь, что в данный момент переключателя в интерфейсе для этого нет. Вам потребуется создать небольшой компонент темы и добавить к нему дополнительный код, чтобы реализовать это индивидуальное поведение.

Можешь научить меня?