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
  • Created
  • Last Reply

Top Posters In This Topic

  • 7 months later...
On 1/4/2021 at 7:25 AM, misashh said:

Hi there,

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

Can you share site url? We can help easier. Each site will need different code

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.