Cover Feature or Project overlay with split screen site

[jacobtegel]

we built this splitscreen website a while ago, following the tutorial, which works great! and now wanted to make some changes to it.

we would like to use the cover feature, which apparently does not work with the splitscreen site, the first row will completely not be shown.

then i also looked into project overlay since we’re using overlay for the menu on the left half, would be cool if we could use the project overlay on the right half, but on safari (mac) it didn’t work at all, and on firefox it was taking up the whole screen and there is no 'half' option unfortunately.

www.blila.de

macOS 15.5
Safari Version 18.5
Firefox Version 139.0.4

[arminunruh]

hey! splitscreen is not compatible with project overlay or cover, nothing i can do here sorry

[arminunruh]

wow nice website!

[jacobtegel]

double thank you! @arminunruh

[jacobtegel]

@arminunruh do you think some workaround with CSS would be possible though?
I was wondering since the Project- and Page-Overlays seem to be working in the same way, if it would be possible to “restrict” the project overlay to the right half of a page?

[arminunruh]

you mean you want the project overlay to just be the right half?

#lay-project-overlay{
    left: 50%;
    width: 50%;
}

Can you please send:

• a link to this forum topic
• your website address
• /wp-admin/ username and password
  to: info@laytheme.com

but i think this has nothing to do with cover feature :O