Sheet grey area not covering side menue

[wombat]

i have a sidemenu set up on the left side of my page. When adding a sheet (modal style) that appears from the right side, the grey area that appears when toggling does not cover my side menu on the left.

Is it possible to make it cover the menu as well? Since clicking the grey area closes the sheet, i want it to cover the entire page including menu not only my content area.

[Agustin_Carozo (Agustin M. Carozo)]

Hi Wombat

This seems to be an issue with the Z-Axis, which is a configuration that creates “verticality“ between elements, meaning, you can choose which element gets on top of each other.

Z axis goes from 0 to 999, the higher the number, the higher the element will be on top

By default the sidemenu comes with a 999 Z-axis value, meaning it will be above everything, including your modal grey overlay.

In order to solve this you will need to change the Z axis of 3 elements:

• Modal (Needs to be above everything)
• Modal overlay (Needs to be above the sidemenu)
• Sidemenu (You need to change the value from 999 to a smaller value)

In my case I changed values to:

Modal content: 6
Modal overlay: 4
Sidemenu: 2

Hope this explanation helped!

[wombat]

Awesome!

Thanks!