Jump to content

Ver 7.1 Text Hover Effect On Mobile & Touchscreen Devices

Recommended Posts

Site URL: https://cyan-ocelot-hm7d.squarespace.com

I'd like to have text appear over images (hover) on touchscreen devices, once you tap the image before loading the next page.
My 7.1 site right now (in progress) shows no text over images on mobile devices. I do have CSS to have text over images at all times, but I'd rather have the text only appear upon hovering (similar to the desktop effect).
 
Does anyone have CSS code to make this happen? 
 
Not sure that these are Squarespace but these are examples of sites that do essentially what I'd like in slightly different ways:
 
 
Thanks in advance,
Adam
Link to comment
  • 7 months later...
  • Replies 2
  • Created
  • Last Reply
On 5/31/2020 at 10:14 PM, AdamR-NC said:

Site URL: https://cyan-ocelot-hm7d.squarespace.com

I'd like to have text appear over images (hover) on touchscreen devices, once you tap the image before loading the next page.
My 7.1 site right now (in progress) shows no text over images on mobile devices. I do have CSS to have text over images at all times, but I'd rather have the text only appear upon hovering (similar to the desktop effect).
 
Does anyone have CSS code to make this happen? 
 
Not sure that these are Squarespace but these are examples of sites that do essentially what I'd like in slightly different ways:
 
 
Thanks in advance,
Adam

Hi Adam,

I struggle with the same problem! Have you found a solution for this?

Thanks!

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.