Text on Poster overflowing on mobile

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!

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!

Have you try using the headline section?

Here is the testing result when i use it in default

I can't see that as an option. I wonder if Headlines aren't available on Bedford?

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!

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;
}
}