Waves background appears on nav in full screen

Hiya, I have an issue where I have created a page with a waves background running and when I click my hamburger nav bar that is in full screen but the waves still appears. How can I get rid of this and keep the waves in the page but no in the nav full screen?


Cheers

Zane

I’m able to replicate your challenge and for me it looks like bug. I would suggest you to do a bug report.

Without a link it’s likely a z-index issue. Which if it’s the case can simply be fixed by increasing the z-index of the menu.

That seems not to work. What does work is adding:

<style>
.waves-container {
	z-index: 0 !important;
}
</style>

to the page footer. This overrides the default z-index of 9999.

The wave was set at 9999 :astonished:

Yup. by default.
2021-10-23_09-49-27 (1)

Someone put a random umber :rofl:

Since z-index is relative it’s a little crazy :grin:

I will not say anything :sunglasses: :crazy_face: :upside_down_face: :rofl: :kissing_heart: :kissing_heart:

Adding the script to the footer worked. Thanks Guys for all your help.