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

Remove the space from hidden text in mobile



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.


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