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

Remove the space from hidden text in mobile

Question

Hello, 

I'm trying to sort my website out where no images titles and descriptions are showing by using the following Custom CSS;

.image-title {
  visibility: Hidden;}

.image-desc {
  visibility: hidden;}

.image-title-mobile {
  visibility: hidden;}

.image-desc-mobile {
  visibility: hidden;}

 

However when the site is in mobile view and the thumbnails for the gallery is active there is huge white spaces where the titles and descriptions are. I would like this removing so the images flow into each other with the smallest of gaps. However I do also need these titles and descriptions read for SEO so whatever solution allows this would be great.

www.jayclulow.photography

Any advice greatly appreciated. 

 

Share this post


Link to post

2 answers to this question

Recommended Posts

  • 0

use display: none; instead of visibility: hidden;


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

-- I'm Tuan. I 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. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


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...