Как скрыть некоторые из этих страниц в меню мобильной навигации?

Question

Я бы хотел изменить параметры меню только на «Домой», «Работа» и «Контакт» в мобильной навигации.

У каждого пункта меню есть идентификатор меню, который я пытался скрыть, используя:

@media screen and (max-width: 600px) {
  li#menu-item-14209 { 
    display: none;
  }
}

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

li#menu-item-14209 - это CSS для пункта меню.

Answer 1

Это потому, что ваше мобильное меню отличается от рабочего стола и не имеет классов. Вы можете использовать селектор :nth-child следующим образом:

.slicknav_nav li:nth-child(X) {
display: none;
}

Где (X) - номер элемента в мобильном меню сверху.

И это CSS, чтобы оставить только «Дом», «Работа» и «Контакт».

.slicknav_nav li:nth-child(2), .slicknav_nav li:nth-child(3), .slicknav_nav li:nth-child(5) {
display: none;
}