Jump to content

Hover effect wont show anymore on mobile.

Recommended Posts

Hi!

Just under a week ago my home site (image gallery) worked well on all computer and mobiles browsers.
My laptop (Safari, Chrome, Brave) still shows captions on top of all images but not anymore in mobile.

Any idea why it stopped working suddenly even though I haven't done anything? Could someone fix or at least check my CSS source code?

Please help! :)

Link to comment

Can you share your website URL?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Thanks from the prompt reply! :)
www.umbertoonza.com

If you go to the ''projects'' page the it works on hover normally but that is the Squarespace standard template. 
The index/home page I created using CSS and with the help of the community had the same feature just a week ago... Weird...

 

Link to comment

It seems to work for me, though mobile hover is always a problem since you don't particularly have a hover state there.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

So in your mobile the hover state works well?
I've tried with the mobiles of my colleagues and even restarted the settings of my mobile phone browser... No help...

A week ago when we browsed the site via mobile, the first touch always activated the hover state (image zoom in, darker tone and the caption txt appeared -> the same way it works on my laptop) but didn't open the link unless the image was pressed another time -> exactly the same way as it works in the ''projects'' page.
Does it work the way with you mobile what I just described? Just feels weird that it stoped worked since last weeks it was amazing... :(

Did you see any other issues on the CSS or do you have any suggestions what should I do to repair this issue? 

Link to comment
33 minutes ago, UmbertoO said:

So in your mobile the hover state works well?

No, it doesn't work well on the homepage or projects page, the experience is equally underwhelming.

If it stopped working that may be to do with the browser since your code didn't change.

Often the best solution to hidden hover content on mobile is to show it all of the time.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
Quote

Okey thanks! 

It's quite mind-boggling since in my mobile (and the ones that have tested the site yesterday and today) the project page works well... 
If the issue would be in the browser it should work (most likely) with another one. In my mobile I have Safari, Brave, and DuckDuckGo. Non works the same as last week. I asked my 5 of my colleagues as well. They have the same.

Dunno... I'm sad now.....

 

 

Link to comment
  • 3 months later...
On 10/9/2023 at 7:53 AM, Ziggy said:

No, it doesn't work well on the homepage or projects page, the experience is equally underwhelming.

If it stopped working that may be to do with the browser since your code didn't change.

Often the best solution to hidden hover content on mobile is to show it all of the time.

How do you stop hover only on mobile?

Link to comment
1 hour ago, Henner said:

How do you stop hover only on mobile?

What do you want it to look like?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.