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

Question

Я нахожусь в процессе превращения клиентского WordPress-сайта в адаптивный дизайн, в основном просто в создании мобильной версии.

Клиент заявил, что не хочет, чтобы все его страницы появлялись на мобильном сайте, поэтому вместо 7 основных пунктов меню я бы использовал только 5.

Я не уверен, что лучший способ сделать это - раньше я только создавал сайты для мобильных устройств отдельно. Любой вклад будет приветствоваться, или ссылки на учебники / информацию о том, что я пытаюсь сделать. Спасибо.

Answer 1

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

@media only screen and (max-width: 959px) {
    div.desktop-only {
    display:none;
    }
    }

Вы также можете установить диапазон.

@media only screen and (min-width: 768px) and (max-width: 959px) { /*code here*/ }