# Responsive Menu

**URL:** <https://forum.inductiveautomation.com/t/responsive-menu/113592>\
**Category:** Ignition\
**Tags:** perspective, scripting\
**Created:** [January 28, 2026, 10:30am UTC](https://forum.inductiveautomation.com/t/responsive-menu/113592 "2026-01-28T10:30:52Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![tejas200010](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/tejas200010/32/81552_2.png) [@tejas200010](https://forum.inductiveautomation.com/u/tejas200010)\
**Post date:** [January 28, 2026, 10:30am UTC](https://forum.inductiveautomation.com/t/responsive-menu/113592/1 "2026-01-28T10:30:52Z")

</div>

Hi everyone,

Has anyone worked with the **Responsive Navigation Menu Using CSS Style Sheets** from Artek Solutions? I’ve downloaded the latest version from their site and am experiencing an issue with the navigation menu.

In the **Nav Section Repeater** and **Nav Section Tree** , if I leave the names exactly as they are (i.e., “Nav Section Tree” and “Nav Section Repeater”), the button highlights correctly when a sub-link is selected. However, if I rename these (after selecting the sub-links), the main navigation button no longer gets highlighted.

Has anyone encountered this behavior or found a workaround?

Thanks in advance!

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/d/3d6ba274048797815daa7c2676443bb36f8ed351.png)

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/5/f572078bd2302a49582189377cdef80300954ba7.png)

---

<div class="post-metadata">

**Author:** ![danieltalbot](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/danieltalbot/32/11201_2.png) [@danieltalbot](https://forum.inductiveautomation.com/u/danieltalbot)\
**Post date:** [January 28, 2026, 4:26pm UTC](https://forum.inductiveautomation.com/t/responsive-menu/113592/2 "2026-01-28T16:26:25Z")

</div>

The current version of the nav relies on matching the target url with the labels leading up to that link.  
For example, if my section tree is labeled `Admin` and the sublink is labeled `User Management` then the target url for that sublink should be `/admin/user-management`. Just replace spaces with hyphens.

---

<div class="post-metadata">

**Author:** ![tejas200010](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/tejas200010/32/81552_2.png) [@tejas200010](https://forum.inductiveautomation.com/u/tejas200010)\
**Post date:** [January 29, 2026, 6:17am UTC](https://forum.inductiveautomation.com/t/responsive-menu/113592/3 "2026-01-29T06:17:12Z")

</div>

Thank you it worked !