7.1 portfolio mobile overlay text doesnt show on scroll or hover

You want it always show or show on hover?

hi tuanphan - i want the overlay text to appear on mobile touch  screen as we scroll down or touch - in the same way it does this with hover on a computer screen 

any updates on this? I have the same question

looking for the answer for this as well!

Same question @tuanphan

21 hours ago, JanelleNine said:

Same question @tuanphan

Very difficult. 

Same question 

Does this work?

/*overlay text on portfolio grid*/
@media screen and (max-width:640px) {
.portfolio-text {
    opacity: 1 !important;
}
}

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.

On 8/29/2020 at 1:24 AM, AlecEiffel said:

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.

Hey can you tell me where to paste this code into? Really trying to get this set up so that the text hover shows on mobile scroll the same as on desktop. Thank you! 

Wondering if anyone on this forum has found a solution? Appreciate it. 

23 hours ago, eyefrequency said:

Hey can you tell me where to paste this code into? Really trying to get this set up so that the text hover shows on mobile scroll the same as on desktop. Thank you! 

Add to DESIGN > CUSTOM CSS