Jump to content

AlecEiffel

Member
  • Posts

    1
  • Joined

  • Last visited

Reputation Activity

  1. Like
    AlecEiffel got a reaction from sastavangogh in 7.1 portfolio mobile overlay text doesnt show on scroll or hover   
    I ran into this frustrating roadblock today. As this post was one of the first search results I found I'm posting my solution here.
    /*Portfolio Overlay Grid*/ .portfolio-text:hover { opacity: 1 !important; background-color: rgba(255, 255, 255, 0.7); } This has worked for me to get the hover overlay effect on mobile and tablets. The background overly is 70% white, you can edit as you like.
    I've ended up setting this from desktop screen size down to make sure it also works on iPad Pro's (I don't have one to check).
    I hope this is helpful for someone. 
    Really disappointed that Squarespace doesn't have this sorted yet.
  2. Love
    AlecEiffel got a reaction from tennet in 7.1 portfolio mobile overlay text doesnt show on scroll or hover   
    I ran into this frustrating roadblock today. As this post was one of the first search results I found I'm posting my solution here.
    /*Portfolio Overlay Grid*/ .portfolio-text:hover { opacity: 1 !important; background-color: rgba(255, 255, 255, 0.7); } This has worked for me to get the hover overlay effect on mobile and tablets. The background overly is 70% white, you can edit as you like.
    I've ended up setting this from desktop screen size down to make sure it also works on iPad Pro's (I don't have one to check).
    I hope this is helpful for someone. 
    Really disappointed that Squarespace doesn't have this sorted yet.
×
×
  • 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.