Closing the "Overlay" feature by clicking anywhere

[Dawid]

Hi Guys!

Is there any solution to close the “Overlay” feature by clicking anywhere? Currently there is only an option to close by clicking on the close button.

[arminunruh]

yes you can enable this:

clicking on that background should close it

[Dawid]

Hi Armin,

It works, but not in my case :) I don't know how I could apply this along with centering the menu...

Check this (overlay is a menu):
https://mintcream-pigeon-114810.hostingersite.com

[arminunruh]

oh, your overlay is 100% width and 100% height
so this setting doesn't apply here:

basically the background you mean is the background of the overlay layout that you set to transparent here:

let me think about it

[arminunruh]

<script>
jQuery(document).on('click', '#lay-overlays .lay-content', function(e){
    jQuery(e.target.closest('.lay-overlay')).find('.overlay-close').click();
})
</script>

this closes the overlay whenever you click on anything inside the overlay
put it in lay options → custom css & html → custom <head> content

this only works if you have the X close icon activated for your overlay

[Dawid]

Thank you Armin! :) Works perfect! Love it!