ShotsOnTarget Posted August 19, 2022 Share Posted August 19, 2022 (edited) 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 August 19, 2022 by ShotsOnTarget Link to comment
tuanphan Posted August 21, 2022 Share Posted August 21, 2022 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment