project overlay to cover menu

[nypaloto]

I'd like a project overlay to cover (hide) the site title and menu, so there is only the closing "X" visible when viewing a project overlay. Is that possible? Thanks!

[arminunruh]

.lay-project-overlay{
z-index: 20!important;
}

Enter this css in "lay options" -> "custom css & html" -> "custom css for desktop"

try this!

NOTE:
this is the correct css not the one above

#lay-project-overlay{
z-index: 20!important;
}

[rospax]

Hi @arminunruh, I'm trying to achieve this as well.
The above doesn't seem to work, no matter what i put for the z-index of the .laynav elements and the .lay-project-overlay elements, the nav is always visible above the overlay...

What could i be missing?

[arminunruh]

#lay-project-overlay{
z-index: 20!important;
}

i made a mistake, this should be the correct css!

[craigfeldspar]

Hi @arminunruh, thanks, it works on desktop but not on mobile, could you please help me?