# \[Bug\] Top level of nav tree not dissapearing

**URL:** <https://forum.inductiveautomation.com/t/bug-top-level-of-nav-tree-not-dissapearing/23632>\
**Category:** Ignition Early Access\
**Created:** [March 27, 2019, 9:42am UTC](https://forum.inductiveautomation.com/t/bug-top-level-of-nav-tree-not-dissapearing/23632 "2019-03-27T09:42:55Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![andrewbrown](https://avatars.discourse-cdn.com/v4/letter/a/a8b319/32.png) [@andrewbrown](https://forum.inductiveautomation.com/u/andrewbrown)\
**Post date:** [March 27, 2019, 9:42am UTC](https://forum.inductiveautomation.com/t/bug-top-level-of-nav-tree-not-dissapearing/23632/1 "2019-03-27T09:42:55Z")

</div>

I have found the following issue when rendering a multi tier nav component. This has come from the default project skeleton with me adding an extra layer to navigation.

see below screen shots for configuration.

issue.  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/8/8a1dbc3565393ce0e2c7ef4cda66298aa49ba62c.png)

Config.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/a/abc356f6b2dc23c1d5041a4fea6440255cec6e66.png)

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [March 27, 2019, 4:24pm UTC](https://forum.inductiveautomation.com/t/bug-top-level-of-nav-tree-not-dissapearing/23632/2 "2019-03-27T16:24:52Z")

</div>

What browser did this occur in? Instead of screenshots, could you copy the component in the Project Browser (right-click -\> Copy), paste the contents of your clipboard into a text editor, save the file as a .json format, and upload that file here?

---

<div class="post-metadata">

**Author:** ![andrewbrown](https://avatars.discourse-cdn.com/v4/letter/a/a8b319/32.png) [@andrewbrown](https://forum.inductiveautomation.com/u/andrewbrown)\
**Post date:** [March 27, 2019, 11:16pm UTC](https://forum.inductiveautomation.com/t/bug-top-level-of-nav-tree-not-dissapearing/23632/3 "2019-03-27T23:16:45Z")

</div>

Browser is Google chrome and safari.

See attached.

[document.json](https://us1.discourse-cdn.com/inductiveautomation/original/2X/b/b20a0af39131edbbb7f4e4c5c4eee6051190f7ec.json) (2.2 KB)

---

<div class="post-metadata">

**Author:** ![ayu](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ayu/32/16635_2.png) [@ayu](https://forum.inductiveautomation.com/u/ayu)\
**Post date:** [March 27, 2019, 11:46pm UTC](https://forum.inductiveautomation.com/t/bug-top-level-of-nav-tree-not-dissapearing/23632/4 "2019-03-27T23:46:55Z")

</div>

Hi @andrewbrown,

I just looked over your menu tree. Looks like you have an alpha value set on your background color under the style prop, which makes the sub menus translucent. The sub menus lay on top of the main menu which is why you are seeing the issue mentioned above. As a workaround, you can use a lighter color with a max alpha value.

---

<div class="post-metadata">

**Author:** ![andrewbrown](https://avatars.discourse-cdn.com/v4/letter/a/a8b319/32.png) [@andrewbrown](https://forum.inductiveautomation.com/u/andrewbrown)\
**Post date:** [March 27, 2019, 11:52pm UTC](https://forum.inductiveautomation.com/t/bug-top-level-of-nav-tree-not-dissapearing/23632/5 "2019-03-27T23:52:34Z")

</div>

No worries, thanks for that.