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

Hi,
If you haven't received an answer yet, you can post on some FB groups
+ Squarespace Customization Resource Groups
+ Squarespace Community
+ Squarespace Entrepreneur
+ Squarespace Rockstars

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.