Menu bar transition isn't working on some device
I've a small issue on my website and I'm wondering if you can help me.
That's the website I'm working on:
The mobile menu bar opening and closing transition runs smoothly on every desktop browser, and with the majority of mobile devices.
It seems broken when viewed on an iPhone SE, latest iOS and latest Chrome update: it isn't smooth, and it's a bit weird. (btw, same phone, with Safari everything is ok)
It's a simple translateY + ease css transition, but I had the same problem with the defalut Laytheme menu bar animation. If it can helps, everything was working well before the last couple of days.
Thank you very much!
on my iPhone SE simulation on Browserstack it works fine for Chrome.
Can you send a short video?
this is weird. Because on the iPhones where I tested it, it works fine.
Can you try a different iPhone just to see?
Sorry for asking.
this is very weird: only my own iPhone seems to be the one with that problem.
All the other people who tested it had absolutely no problems (btw they have newer iPhones).
Maybe something related to this?
I'm just guessing, maybe something about GPUs speed and css animations/transitions - my website also has animations on wobbling links - but at this point I really don't know any workaround.
if it is ONLY your iPhone I think it might be Cache related. Try a different browser on your phone or an incognito window.
Before you post
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. Now see if your problem solved itself
5. Go here, see if your problem is listed here:
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it