Jump to content

Image Caption on Mobile

Recommended Posts

Hello, I added this code to decrease the blank spaces of the gallery slide show in mobile:

 

/* Mobile Slideshow Gap */
@media screen and (max-width:767px) {
.gallery-slideshow {
    margin: 0 !important;
    padding-top: 0 !important;
}
.fe-6490c89f2289d0d04a66ffeb {
    row-gap: 0 !important;
}
.gallery-slideshow {
    height: 30vh !important;
}
}
@media screen and (max-width:767px) {
.gallery-masonry .gallery-masonry-item[data-loaded] img
{
    width:100% !important
}


}

But the caption is gone from mobile. Need help getting the caption back on mobile with minimal spaces between the image and the caption text. 

Thank you in advance. 

Link to comment
  • Replies 4
  • Views 1.4k
  • Created
  • Last Reply

Top Posters In This Topic

Hello Tuanphan, I had removed the caption since it will showing too small. I had placed it in the image itself as a work around. The problem I am facing now is that I need the image to bleed on the sides in mobile. Everything is perfect on desktop. But on mobile, since I placed the caption inside the image itself I need the image to be as big as possible and right now it is small and in the middle. Anyway to increase the size of the image to match the first profile image on mobile:

https://www.hellocinnamon.com/en/meet-seema

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.