Jump to content

Captions cut off in mobile view only

Recommended Posts

Site URL: https://www.marianaveme.com/

Hi, I currently have some custom CSS added to my gallery grid on the home page, with four images each with a corresponding caption. It looks fine on desktop but in mobile view, the words get cut off at the bottom. I tried adjusting the margin % (code below) but it would mess up the formatting of the gallery in desktop view. Specifically, anything over -25% will make the gallery overlap with the footer. Please see code below (thank you in advance for any help):

.gallery-caption p{text-align:center} 

.gallery-caption p{font-size:2rem!important}

.gallery-caption {margin-top: -25%}

.gallery-caption p{color:white!important}

Link to comment
  • 4 weeks later...
  • Replies 1
  • Views 653
  • Created
  • Last Reply


This topic is now archived and is closed to further replies.

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