Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by ConviToolbox

  1. Site URL: https://www.nicolemarkwick.com Hi folks, Does anyone know how to: 1) Customize the way a parallax banner background image appears on mobile (narrow screens)? Specifically, I'd like to be able to "zoom" in on a background image a certain % and set the position/location of it on the screen when in mobile. 2) Add a transparent overlay to a banner only on mobile, so that text on top is clearer? 3) Is there a way to make a parallax banner invisible on mobile? Some specific examples below: The banners look neat on desktop but look pretty horrible on mobile! I'd like to use the left half of the first background so it's all photo (then figure out how to make "What clients say" have a while background....next steps!) and get rid of the background completely on the second image. Thanks a million!
  2. Thanks, folks. This fixed my issue. Both of the following options worked for me, but I decided to go with captions always on in the end. Here's the code I used in Brine: //change dot to open captions on mobile// .sqs-lightbox-meta-trigger { padding-top: 25% !important; padding-left: 90% !important; color: #C1D32F !important; font-size: 1em !important; font-family: 'BikoBold'!important; margin-right:50px; margin-bottom:50px;} a.sqs-lightbox-meta-trigger:before { content: "Click here"; visibility: visible;} You could change the colour of the text, font size, font, etc. I also added in margins to move the text a bit up and over from the bottom corner. Obviously, someone could also change Click here to whatever they wanted. In the end I went with code from above that just made the captions come up always: //Show gallery captions all the time on mobile// .sqs-lightbox-meta.overlay-description-visible { bottom: 0px !important; }
  • 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.