Как скрывать элементы панели WPBar на разных экранах, ПК, планшетах или мобильном

Есть два варианта — создать две разные панели, отдельно для ПК и отдельно для мобильного и задать им настройки:

• Показывать начиная с (px)
• Скрывать на экранах шире, чем (px)

И второй вариант — скрывать и показывать отдельные элементы в одной панели. То есть вы можете сразу добавить 6 элементов на панель, показывать на мобильном 4, на планшете 5, а на ПК версии 6 элементов.

В каждом элементе откройте Расширенные настройки > Показывать на устройствах и выберите нужный вариант:

• Все устройства
• Только мобильные
• Только планшеты
• Только ПК
• Мобильные + планшеты
• Планшеты + ПК

Пример 4/5/6 пунктов:

1. Первые 4 элемента оставьте как Все устройства.
2. 5-му элементу поставьте Планшеты + ПК.
3. 6-му элементу поставьте Только ПК.

Нестандартный пример, показывать элемент от 1600px

Показывать один элемент только на экранах шире 1600px.

1. Добавьте элементу класс, например show-from-1600 (поле Дополнительные классы).
2. В Дополнительные стили добавьте:

.wpbar .show-from-1600 {
    display: none;
}

@media (min-width: 1600px) {
    .wpbar .show-from-1600 {
        display: flex;
    }
}

Если на странице несколько панелей, ограничьте правило по ID панели:

.wpbar-container[data-wpbar-id="1958"] .show-from-1600 { ... }

Так вы не затронете другие панели на сайте.