Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

7.1 portfolio mobile overlay text doesnt show on scroll or hover


nbn

Question

portfolio 7.1 site mobile view on portfolio page hover overlay text does not appear whatsoever - I really need this text  title to display on touch screens mobiles upon scrolling or selecting -how may i fix this?

please take a peek at the portfolio page on any mobile view  www.nadinenorman.com/artwork

sincere thks to anybody who may be of help - nadine

 

Edited by nbn
Link to post
  • Answers 9
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

portfolio 7.1 site mobile view on portfolio page hover overlay text does not appear whatsoever - I really need this text  title to display on touch screens mobiles upon scrolling or selecting -how may

9 answers to this question

Recommended Posts

  • 0

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 

 

Edited by nbn
Link to post
  • 0
21 hours ago, JanelleNine said:

Same question @tuanphan

Very difficult. 

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 0

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.

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...