# Header overlay runs over the navigation **URL:** \ **Category:** Elements\ **Created:** [June 29, 2025, 7:55am UTC](https://forums.realmacsoftware.com/t/header-overlay-runs-over-the-navigation/48459 "2025-06-29T07:55:26Z")\ **Posts on this page:** 15\ **Page:** 1
**Author:** ![Pegasus](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/pegasus/32/25035_2.png) [@Pegasus](https://forums.realmacsoftware.com/u/Pegasus)\ **Post date:** [June 29, 2025, 7:55am UTC](https://forums.realmacsoftware.com/t/header-overlay-runs-over-the-navigation/48459/1 "2025-06-29T07:55:26Z")
i have a problem with my overlay in the header, which seems to run over the navigation bar. i have created an overlay for my header that only covers 50% of the header. however, this runs above the navigation, which of course makes no sense. → [here is a video to visualize the problem](https://e.pcloud.link/publink/show?code=XZBRh6ZbG71VgwwUNhemXMO4Mjua8YPWtB7) → [here the project](elementsapp://downloadDocument/wg3ZN0RPFpgP) thanks for any help and hints ---
**Author:** ![logrunner](https://avatars.discourse-cdn.com/v4/letter/l/59ef9b/32.png) [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\ **Post date:** [June 29, 2025, 8:19am UTC](https://forums.realmacsoftware.com/t/header-overlay-runs-over-the-navigation/48459/2 "2025-06-29T08:19:48Z")
> [@Pegasus](#): > > i have a problem with my overlay in the header, which seems to run over the navigation bar. I have just downloaded your project. Change the Z-index value of your Sticky Menu from 1 to 40. That should hopefully fix it. 🙂 ---
**Author:** ![Pegasus](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/pegasus/32/25035_2.png) [@Pegasus](https://forums.realmacsoftware.com/u/Pegasus)\ **Post date:** [June 29, 2025, 8:45am UTC](https://forums.realmacsoftware.com/t/header-overlay-runs-over-the-navigation/48459/3 "2025-06-29T08:45:39Z")
thx … interesting. i was already on the right track. i started with 5, 10, 15, 20, 25, 30 … then i stopped trying to fix it with z-index. ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [June 30, 2025, 8:18am UTC](https://forums.realmacsoftware.com/t/header-overlay-runs-over-the-navigation/48459/4 "2025-06-30T08:18:03Z")
You can also switch “isolate” on in the Layout options to fix this issue, like this… Hey @elementsbot can you explain what “isolate” does in Tailwind CSS? EDIT: Seeing as the bot is still misbehaving, I’ll add some context myself. – It creates a new **stacking context** , which means the element and its children are rendered independently of elements outside of it when it comes to stacking (like z-index). Normally, z-index only works in relation to a stacking context. If you’re having trouble with elements not layering the way you expect (e.g. z-50 not appearing above another element), it might be because they’re not in separate stacking contexts. Using isolate ensures that the current element becomes a new stacking root, so its z-index will behave independently. - isolation: auto is the default (no new stacking context). - You usually only need isolate when dealing with overlapping elements or layout bugs involving z-index. ---
**Author:** ![Pegasus](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/pegasus/32/25035_2.png) [@Pegasus](https://forums.realmacsoftware.com/u/Pegasus)\ **Post date:** [June 30, 2025, 9:07am UTC](https://forums.realmacsoftware.com/t/header-overlay-runs-over-the-navigation/48459/5 "2025-06-30T09:07:59Z")
this is of course so much easier than searching for the right z-index. thanks! ---
**Author:** ![Pegasus](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/pegasus/32/25035_2.png) [@Pegasus](https://forums.realmacsoftware.com/u/Pegasus)\ **Post date:** [July 7, 2025, 12:32pm UTC](https://forums.realmacsoftware.com/t/header-overlay-runs-over-the-navigation/48459/6 "2025-07-07T12:32:00Z")
@dan the header-overlay drives me crazy. i have created a sticky menu and use the “isolate” on in the layout. but it doesn’t work. what am i doing wrong? [link to the project](elementsapp://downloadDocument/HLimFvtuDQR7) thx for any help and feedback. ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [July 7, 2025, 2:53pm UTC](https://forums.realmacsoftware.com/t/header-overlay-runs-over-the-navigation/48459/7 "2025-07-07T14:53:40Z")
@Pegasus do you mean why the contents is on top of the menu when you scroll ---
**Author:** ![Pegasus](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/pegasus/32/25035_2.png) [@Pegasus](https://forums.realmacsoftware.com/u/Pegasus)\ **Post date:** [July 7, 2025, 2:56pm UTC](https://forums.realmacsoftware.com/t/header-overlay-runs-over-the-navigation/48459/8 "2025-07-07T14:56:27Z")
yes. ;-/ ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [July 7, 2025, 3:02pm UTC](https://forums.realmacsoftware.com/t/header-overlay-runs-over-the-navigation/48459/9 "2025-07-07T15:02:08Z")
I think it’s because you have “Isolate” on the Container wrapping the Sticky Menu. I switched Isolate off on the Container and it seems to work now. ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [July 7, 2025, 3:03pm UTC](https://forums.realmacsoftware.com/t/header-overlay-runs-over-the-navigation/48459/10 "2025-07-07T15:03:54Z")
I turned off all the z index’s in your your project I then just set the z index to 31 on the container holding the menu, set menu to custom and 31 you can over do z index’s ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [July 7, 2025, 3:08pm UTC](https://forums.realmacsoftware.com/t/header-overlay-runs-over-the-navigation/48459/11 "2025-07-07T15:08:52Z")
I should have shown the menu being set to custom 31 leaving all those z index’s could confuse if you add more I would turn off all z indexes you do not need ---
**Author:** ![Pegasus](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/pegasus/32/25035_2.png) [@Pegasus](https://forums.realmacsoftware.com/u/Pegasus)\ **Post date:** [July 7, 2025, 3:25pm UTC](https://forums.realmacsoftware.com/t/header-overlay-runs-over-the-navigation/48459/12 "2025-07-07T15:25:43Z")
thank you! i hope i got it. ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [July 7, 2025, 3:27pm UTC](https://forums.realmacsoftware.com/t/header-overlay-runs-over-the-navigation/48459/13 "2025-07-07T15:27:03Z")
my settings dont work in browser only in Elements ---
**Author:** ![Pegasus](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/pegasus/32/25035_2.png) [@Pegasus](https://forums.realmacsoftware.com/u/Pegasus)\ **Post date:** [July 7, 2025, 3:32pm UTC](https://forums.realmacsoftware.com/t/header-overlay-runs-over-the-navigation/48459/14 "2025-07-07T15:32:51Z")
the video from dan has helped. thank you also for your support .-) ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [July 7, 2025, 4:34pm UTC](https://forums.realmacsoftware.com/t/header-overlay-runs-over-the-navigation/48459/15 "2025-07-07T16:34:26Z")
@Pegasus I created this, 2 stickies joined 100% tranparent only set z indexes on the sticky parts, just helps with adding to webpage later on just a thought for keep it minimum