turn off overlay in mobile view

[spontans]

Is it possible to turn off page overlay on mobile phones but keep it for desktops?
thanks.

[spontans]

Or, if this is not possible: would it be possible to close the menu once a menu item (which is an overlay) is clicked? (on mobile)

[arminunruh]

ah i understand! mmh let me check

[arminunruh]

hey so when you press a link inside the page overlay, usually the page overlay closes itself. both on desktop and on mobile:

https://capture.dropbox.com/2wG6guRIZqhheHzJ

for you taht doesnt work? do u have a link to your website?

[spontans]

Oh, actually I've already disabled the overlay because the user has added more content and it started to overflow... so I will add another question - is it possible to enable vertical scroll of the page on overlays?

Here is the website (I've enabled the overlay again for the Info page):
https://tamirhayun.com/
On mobile, when clicking on the "close" button, it closes the overlay but leaves the menu open. My desired result is that the menu will be closed and the page that lies under the overlay will be shown.

[arminunruh]

inside an overlay you should be able to scroll up and down if there is more content.
make sure if your overlay is only one row, its not a browser height row

ok i see you have a info overlay

but it doesnt contain a link.
and thats what the problem was: you have a link in an overlay, if it is clicked the overlay should close, but it didnt.

was it an external link?
i think it just closes if its an internal link

ah ure talking about the close button now.
ok the close button is just a close button for closing the overlay.
not for closing the mobile menu, those are 2 different things

[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