Jump to content

Force Title/Description to display on Gallery on mobile

Recommended Posts

Site URL: https://www.shotsontarget.me/shots/photo-essay-20220729-des-moines-menace-flint-city-bucks

I would like to force the title/description attached to images in a gallery to be displayed when accessing the site on mobile.  Currently the title/description is set to bottom left and displays fine on desktop with a slideshow gallery.  However I checked on mobile and there is no text.  I contacted Squarespace and they say that the text doesn't display because the images are below a certain size, but I would like the text to be displayed somewhere.  This seems to be a bug.  I don't care if it's on the image itself or below it (it would look better if it wasn't overlayed across the image itself), but I'd like to force the text to be displayed.

Edited by ShotsOnTarget
Link to comment
  • Replies 1
  • Views 455
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Try adding to Design > Custom CSS

/* 7.0 Gallery caption mobile */
@media screen and (max-width:900px) {
	.sqs-gallery-block-slideshow .slide.loaded .meta {
    display: block !important;
    left: 0 !Important;
    top: 100px !important;
    width: 100% !Important;
max-width: 100% !important;margin-left: 0 !important;}
.sqs-gallery-block-slideshow .meta .meta-title {
    line-height: 20px !important;
}
.meta-inside {
    padding-top: 0 !important;
}
.sqs-gallery-block-slideshow .slide.loaded .meta {
    height: auto !Important;
}}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

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

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