Jump to content

Urgent!! Need help with portfolio grid overlay showing up on mobile (iphone)!

Recommended Posts


I'm quite new to codes and designing a website however I have my desktop view as shown. Portfolio grid is set to "Grid: Overlay", text placement is "center" and overlay opacity is "100". So whenever I move my cursor to a box the image appears (as seen in attachments). This doesn't happen on my mobile (iphone). The boxes stay solid as I scroll down and the image doesn't appear as I touch the screen and I know somehow that is doable!  I want that same effect, the text disappearing and the image showing) on the boxes as I touch the perimeters of the box as I scroll down on my iphone, same as it appears on the desktop. Please let me know what code use or do for this any help is appreciated!! I attached how it looks on desktop, the setting it's on and the mobile view!

Screenshot 2023-10-18 at 11.49.16 AM.png

Screenshot 2023-10-18 at 11.49.33 AM.png


Screenshot 2023-10-18 at 12.07.34 PM.png

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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.