Jump to content

Text to appear on click

Recommended Posts

  • Replies 20
  • Views 1.4k
  • Created
  • Last Reply

This is more a usability/concept issue - hover do not exist on mobile, so  you cannot click on the image to make the text appears when the click action is used as a navigation item.
An alternative would be that on mobile, you display the text under the image? 
Or do you want only to have the text and no link behind the images? 

Link to comment

Im sorry, I was just giving some examples for  alternative solutions but I can't really code that - it would take quite some time.
You might need to hire an expert to get a custom-made solution, or use a different type of gallery if your template allows it. 
Just curious: what template are you using? 

Link to comment

Alight, give this a go.

Sorry for the run about, but I am tracking the plugin views to see what is popular.

Head to my website: https://ultraoutlook.com/

Click the codepen link at the bottom.

Then click scroll to hover.

You will need to add the CSS to design -> CSS

Then add the JS to the page code injection (don't for get to add the <script> and </script> tags.

You already have jQuery on your page, so you don't need to do anything with that.

Let me know how this works. The formula for the scroll location was one I found online, I didn't have time to write a different one, hopefully its ok.

Link to comment


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.