turn off overlay in mobile view

[arminunruh]

you can do this:

<script>
jQuery(document).on("click", ".overlay-close", function(event) {
	window.mobile_menu_controller.hideMobileMenu()
});
</script>

Enter this css in "lay options" -> "custom css & html" -> "custom head content"

[arminunruh]

this should also close your mobile menu when you close your page overlay

[spontans]

I like your brainstorming monologue in the previous reply (:

Thanks for this solution, it is exactly what I needed!

[arminunruh]

im glad it works!!

[piranha]

Hi, I set the overlay on preload for the desktop version but I dont want it to show for the mobile at all and still use it with a preload on desktop. Is there a way to do that?

[arminunruh]

hello! why would you want to do that?

[piranha]

Hi! Because it keeps on preloading on mobile and blocking the content underneath it, even the menu. So when people visit the web on mobile they cannot access to anything other than the overlay page and think its broke or something. Its been really usefull the preload for the desktop version because its a display of the general info of the project, so I want them to see that when they visit the front page, but I dont need it on the mobile. So I guess my question is: could I only leave the preload of the overlay on desktop and off on mobile?

[arminunruh]

oh!
do you have a link for me so i can check it out please?

[arminunruh]

so i understood you wanted to turn off the page overlay feature for mobile.
but i see you dont mean this.

you mean you want to turn off the overlays getting preloaded for mobile

So when people visit the web on mobile they cannot access to anything other than the overlay page and think its broke or something.

the overlays being preloaded for mobile shouldn't interfere with any other functionality. thats why it would be super useful for me to take a look at ur site to see whats going on

you can also send it to my email if u want: info@laytheme.com

[piranha]

Hi! Yes, I just want to turn off the overlays getting preloaded for mobile.

Perfect, I really appreciate it, this is my website: https://proyectopiranha.com/

[arminunruh]

ahh now i understand!

you're using the setting that makes the overlay show up

preopen you mean, not preload.

what you could do is you could simply turn off the background:

just uncheck "show background"

i think you probably have a transparent background enabled. this makes it so you have to click the background to close the page overlay, only afterwards you can click other links on your website.

[arminunruh]

it seems that, on pages like this:
https://proyectopiranha.com/editorial/

your overlay shows up and thus, the overlay background,
but you hide the overlay using css.
but you didnt hide the overlay background using css.

thats why on pages like that, you cant scroll or click anything, unless you click once to hide the transparent overlay background.

you could use this css:

body:not(.home) #lay-overlays{
display: none;
}

this will hide the overlays and overlay backgrounds on all pages except for home.
add this in:
lay options -> custom css & html -> custom css for desktop

now for mobile if you want to hide the overlay and the bg, everywhere, simply use:

#lay-overlays{
display: none;
}

add this in:
lay options -> custom css & html -> custom css for phone