# Perspective Menu Tree **URL:** \ **Category:** Ignition\ **Tags:** perspective\ **Created:** [August 15, 2019, 5:22pm UTC](https://forum.inductiveautomation.com/t/perspective-menu-tree/27484 "2019-08-15T17:22:16Z")\ **Posts on this page:** 7\ **Page:** 1
**Author:** ![nvogt](https://avatars.discourse-cdn.com/v4/letter/n/ce7236/32.png) [@nvogt](https://forum.inductiveautomation.com/u/nvogt)\ **Post date:** [August 15, 2019, 5:22pm UTC](https://forum.inductiveautomation.com/t/perspective-menu-tree/27484/1 "2019-08-15T17:22:16Z")
I have an image as my home screen with a menu tree in front of it. I would like to have transparent background so the image shows through, although when a menu item is selected, the top menu text shows behind the sub menu. Is there a way to set the top menu text transparency to -0- when the sub menu is visible? Thanks. ---
**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:** [August 15, 2019, 7:19pm UTC](https://forum.inductiveautomation.com/t/perspective-menu-tree/27484/2 "2019-08-15T19:19:26Z")
You’re question is a little unclear, but you could set `MenuTree.props.headerStyle.opacity` to `0`, if your goal is to no longer see the parent item of the displayed sub-items. ---
**Author:** ![nvogt](https://avatars.discourse-cdn.com/v4/letter/n/ce7236/32.png) [@nvogt](https://forum.inductiveautomation.com/u/nvogt)\ **Post date:** [August 15, 2019, 8:08pm UTC](https://forum.inductiveautomation.com/t/perspective-menu-tree/27484/3 "2019-08-15T20:08:40Z")
![__](https://us1.discourse-cdn.com/inductiveautomation/original/2X/e/eb4805fc84de4d16718a503004168d90ab31500d.png) I tried that, the problem is that the top menu text is showing through when the background is set to transparent. ---
**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:** [August 15, 2019, 8:14pm UTC](https://forum.inductiveautomation.com/t/perspective-menu-tree/27484/4 "2019-08-15T20:14:36Z")
1. Which browser are you using? I don’t experience that same overlap with Chrome or Firefox: ![09%20PM](https://us1.discourse-cdn.com/inductiveautomation/original/2X/a/a5039d1a494cdab86fffba7ae4534686dcbe27c7.png) 2. You could also set `MenuTree.props.items[x].showHeader` to `false` for anything other than a leaf node - this would eliminate any possibility of overlap, as the header should not display in the first place so you don’t need to worry about opacity. ![37%20PM](https://us1.discourse-cdn.com/inductiveautomation/original/2X/d/d89907fe6b9046e454d4475b613a7dc78dab96d2.png) ---
**Author:** ![nvogt](https://avatars.discourse-cdn.com/v4/letter/n/ce7236/32.png) [@nvogt](https://forum.inductiveautomation.com/u/nvogt)\ **Post date:** [August 22, 2019, 3:06pm UTC](https://forum.inductiveautomation.com/t/perspective-menu-tree/27484/5 "2019-08-22T15:06:03Z")
Thank you for the help. I am developing this for the mobile app and the problem I am having is that I would like for the background to be transparent so I can overlay the menu on an image (see examples). With the background transparent, when I select one of the menu items, the sub menu appears but the headings are still visible behind them. I can remove the headings from the sub menu items but that has no effect on the primary heading layer. T ![_1](https://us1.discourse-cdn.com/inductiveautomation/original/2X/b/ba2d8d4e168e4d89ce8617feab6a37ff1025c018.png) ![_2](https://us1.discourse-cdn.com/inductiveautomation/original/2X/9/9ec8869d9c411e6c87977e2262656658a67152a7.png) hanks again! ---
**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:** [August 22, 2019, 3:09pm UTC](https://forum.inductiveautomation.com/t/perspective-menu-tree/27484/6 "2019-08-22T15:09:15Z")
You haven't answered my question. > [@cmallonee](#): > > Which browser are you using? I don’t experience that same overlap with Chrome or Firefox: Or are you experiencing this in the actual mobile App? ---
**Author:** ![nvogt](https://avatars.discourse-cdn.com/v4/letter/n/ce7236/32.png) [@nvogt](https://forum.inductiveautomation.com/u/nvogt)\ **Post date:** [August 22, 2019, 3:39pm UTC](https://forum.inductiveautomation.com/t/perspective-menu-tree/27484/7 "2019-08-22T15:39:58Z")
I am only experiencing this in the mobile app.