Jump to content

Text on Poster overflowing on mobile

Recommended Posts

Site URL: https://www.theperfectassistant.co.uk/insta-workshop

I'm using a poster for my testimonials which looks fine on desktop but the text overflows on mobile. I've seen a few other answers in the forum but the CSS I've found doesn't work on my site. Can anyone help?

Alternatively, does anyone know a way I can add a quote and create an image background behind it? Either would be a good solution!

Thanks!

image.png.e201fb5068676af82574a2a4fe994816.png

Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

44 minutes ago, loubylou98 said:

Site URL: https://www.theperfectassistant.co.uk/insta-workshop

I'm using a poster for my testimonials which looks fine on desktop but the text overflows on mobile. I've seen a few other answers in the forum but the CSS I've found doesn't work on my site. Can anyone help?

Alternatively, does anyone know a way I can add a quote and create an image background behind it? Either would be a good solution!

Thanks!

image.png.e201fb5068676af82574a2a4fe994816.png

Have you try using the headline section?

image.thumb.png.f500fc3f4cc066ddd64acda2b56a340c.png

Here is the testing result when i use it in default

image.png.6c87d47448914124be7cf8ee72564a14.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
On 11/15/2021 at 7:12 PM, loubylou98 said:

Site URL: https://www.theperfectassistant.co.uk/insta-workshop

I'm using a poster for my testimonials which looks fine on desktop but the text overflows on mobile. I've seen a few other answers in the forum but the CSS I've found doesn't work on my site. Can anyone help?

Alternatively, does anyone know a way I can add a quote and create an image background behind it? Either would be a good solution!

Thanks!

image.png.e201fb5068676af82574a2a4fe994816.png

Add to Design > Custom CSS > Then save & reload the site

/* testimonial poster blocks */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1636913128268_31935 .content-fill {
    padding-bottom: 150% !important;
}
}

 

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.