Mouseover images on project thumbnails not visible on mobile
-
Hi everyone,
I have recently finished designing my website at chiarabellamoli.com and for the first few days it was fine.
I have now noticed that on mobile the mouseover images on the project thumbanails on the homepage do not work. The work well on Chrome on desktop.
I use SiteGround Optimizer and I am not sure if the minimizing CSS or Javascript files plays a role in that. If I don't do it the mouseover works (at lest for now) but then how can I optimize the website for speed? Should I use another optimizer?
If anyone can give me a hint I would be very grateful!Bests,
Chiara
-
Dear Chiara
@CBFotos
Hope you are having a wonderful day 🌝
If you tested without 'SiteGround Optimizer' and the mouseover worked as it should then we can confirm that the plugin is the issue.In the documentation is a segment "Speeding up your Website" that may help:
https://laytheme.com/documentation/speeding-up-your-website.html
Best wishes
Richard
-
Dear Chiara
@CBFotos
I am unsure of the Behaviour, when testing in an Incognito window do you still have the same problem? All third-party plugins deactivated.
There is no true "Mouseover" state on mobile because a mobile does not have a mouse. Did you check the correct settings in > Customize > Project Thumbnails > Project Thumbnail Mouseover? :
Talk soon & best wishes ⭐️
Richard
-
Hi Robert,
thank you for your answer.
The effect I want to achieve insettings in > Customize > Project Thumbnails > Project Thumbnail Mouseover is the third "Show mouseover state on touch or tap, tap again to enter project".
What it does instead (even in incognito window and with all third-party plug-ins deleted) is that nothing happens on the first tap, on the second tap it enters the project. But since nothing happens on the first tap, people would just assume that these thumbnails are not clickable.
It is very weird because I contacted my web host yesterday and they flushed the cache, everything worked properly for one day and then today the same issue came back.
If you could look into it I would be very grateful because, as I wrote, this issue makes the website almost useless on mobile...Thanks,
Chiara -
hey Chiara, i will look into this!
-
hey there! sry
so i looked at it now. and it seems to work correctly.
which browser do u use on your phone and which phone?
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it