Overlay not working on mobile

[marc]

Hi all, Armin,

I hope you're well.

I'm writing because it seems that the overlay isn't working on mobile (Iphone 13 pro - Safari), even after cleaning caches, tried also on an iphone 14 pro safari too and not working.

https://marcthomas.fr/1476-2/

The "About" should be an overlay as the desktop version.

On desktop but with narrow width it's working but not on mobiles.

Thank you very much!
Best, Marc

[arminunruh]

hello!

mmh for me it works,
what happens if you click on the about menu point?

[arminunruh]

ah

http://marcthomas.fr/1476-2/

when im here it doesnt work.

but when im here it works:
https://marcthomas.fr/1476-2/

can you configure your domain settings to always use https, instead of being able to use http

[arminunruh]

maybe it works if you install the plugin really simple ssl

i built in a check for this case in my code, i wonder why it doesnt work mmh

if you cant make it work that way:

can you send your website address, /wp-admin/ username and password and a link to this topic to info@laytheme.com?

[marc]

Hi Armin,
Thanks for your answer.
Strange, now it seems to work!
Let you know if it happens again
Very best, M

[KW1]

Hi I have the same problem with the mobile version and the overlay. On desktop it's fine, but when I click on the link "more info" in the mobile version, it doesn't open the overlay. (It worked a few weeks ago but I don't know what happend in the meantime) Any tips?
https://www.sophieallerding.com/ways-of-peeing/

[arminunruh]

for me it opens an overlay in the mobile version

[KW1]

hm yes when I test it on my desktop in chrome it works, but on any other phone it is not working at all...

[KW1]

any ideas?

[arminunruh]

Sorry, I got sick. On my iPhone, on Safari, for me it works. What phone, what browser, and what browser version do you use? If you use an iPhone, what iOS version do you use?

[arminunruh]

So, if you were talking about project overlays, yes, those should not work on Instagram browsers. Because they use AJAX, and I had to disable AJAX for Instagram browsers because the previous and next buttons of the Instagram browser didn't work otherwise.

I thought you talked about page overlays not working. Those should work.
But I guess looking at your screenshot, you're talking about page overlays. Okay, let me check. I'm gonna check now.

[KW1]

Yes those are page overlays! (I tested it on Safari/Chrome/Firefox, iOS 18.1.1 or older, iPhone 12 or older (lol))

[arminunruh]

For me it works. (page overlay)
http://test2.laytheme.com

Can you put this URL into your Instagram? And then click on the Carousel menu point on the top right.

[arminunruh]

when i use ur url:
https://www.sophieallerding.com/ways-of-peeing/

it works too for me

Unfortunately, Instagram browser is not something that I can test with other versions of Instagram or other versions of iOS than what i have on my phone.
So I don't really know how I could fix this for you.