Долго копался, не смог найти ответ, думаю, что есть простое решение вопроса, но не могу догадаться... Сильно не осуждайте)
Есть меню WordPress, нужно, чтобы при активной странице (главной странице) 2 элемента в меню получали свойство display:none; А на других страницах display:block; Как это реализовать? Использовать JS или можно обойтись CSS?
Мне нужно, чтобы когда активна "Главная" страница, то страницы "Контакты" и "Доставка" были display:none;
Структура:
<ul id="nav" class="nav"><li id="menu-item-51" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-7 current_page_item menu-item-51"><a href="#" aria-current="page">Главная</a></li>
<li id="menu-item-278" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-278"><a href="#">Услуги</a>
<ul class="sub-menu">
<li id="menu-item-224" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-224"><a href="#">Предоставление технической документации</a></li>
<li id="menu-item-255" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-255"><a href="#">Консультация в выборе инструментов</a></li>
<li id="menu-item-270" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-270"><a href="#">Производство клея</a></li>
</ul>
</li>
<li id="menu-item-78" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-78"><a href="#block_3">Продукция</a>
<ul class="sub-menu">
<li id="menu-item-79" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-79"><a href="#">ТФ-00</a></li>
<li id="menu-item-80" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-80"><a href="#">ТФ-22</a></li>
<li id="menu-item-81" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-81"><a href="#">ТФ-24</a></li>
<li id="menu-item-82" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-82"><a href="#">ТФ-04-5</a></li>
<li id="menu-item-83" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-83"><a href="#">Клей П</a></li>
<li id="menu-item-84" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-84"><a href="#">Клей казеиновый</a></li>
</ul>
</li>
<li id="menu-item-420" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-420"><a href="#block_2">Доставка</a></li>
<li id="menu-item-435" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-435"><a href="#contacts">Контакты</a></li>
</ul>