Jump to content

Hover effects on mobile devices

Recommended Posts

Hi

I have a gallery page on my (7.1) site which has a number of images whose titles are revealed upon mouse hover. Just simple text words on an image.

However, on phones and tablets, which by nature have no hover, there is now no text on the buttons. I wonder if anyone can suggest a solution/workaround  to this so that I can optimise these buttons for both device types-  perhaps some code that determines if it's mobile or not and then disables the hover effect? Or should i make a separate duplicate page with different buttons and then some code so that mobile devices/tablets are redirected to that page atutomatically?

Any help would be super useful! Thanks

Link to comment
  • Replies 3
  • Views 923
  • Created
  • Last Reply
  • 7 months later...
On 5/25/2020 at 10:18 AM, tuanphan said:

Yes. You can do this with CSS. Can you share link to gallery page on your site?

Hi there,

I struggle with the same problem! Would you be able to share the code?

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.