Есть меню вида (см.ниже), необходимо чтобы в десктопной версии были активны все ссылки меню, а в мобильной осуществлялся переход только по самой последней в иерархии т.е. только по Игровые, Трансформеры, Планшеты на Android, Планшеты на Windows
Пожалуйста, подскажите, как такое можно реализовать?
(Сделать два меню, одно из которых выводить в десктопной версии, а другое в мобильной не вариант)
<ul class="menu-category">
<li class="menu-category-item"><a href="/">Ноутбуки, планшеты</a>
<div class="menu-category-content">
<ul>
<li><a href="/">Ноутбуки</a>
<ul class="menu-category-subcontent">
<li><a href="/">Игровые</a></li>
<li><a href="/">Трансформеры</a></li>
</ul>
</li>
<li><a href="/">Планшеты</a>
<ul class="menu-category-subcontent">
<li><a href="">Планшеты на Android</a></li>
<li><a href="/">Планшеты на Windows</a></li>
</ul>
</li>
</ul>
</div>
</li>
</ul>