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:
Screenshot 2024-09-03 at 16.49.54.png

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:
Screenshot 2024-09-06 at 14.49.02.png

basically the background you mean is the background of the overlay layout that you set to transparent here:
Screenshot 2024-09-06 at 14.47.20.png

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!

Lay Theme Forum

Closing the "Overlay" feature by clicking anywhere

Online Users