Bedford banner wrapping over itself on mobile view

Hi 

I have an issue with banner text not wrapping cleanly when reduced to mobile view. Have tried several suggested bits of CSS for this but none seem to make any difference!

Any ideas how to fix please?

Thanks

Hi,

Try adjusting its line-height

Or share link to your site, we can help easier

Sorry, link is:

manatee-carrot-z96w.squarespace.com

Thank you so much, works perfectly! 

On 1/27/2023 at 1:51 PM, tuanphan said:

Add to Design > Custom CSS

/* Mobile banner text wrap */
@media screen and (max-width:640px) {
.desc-wrapper p strong {
    line-height: 30px;
}
}

 

Hello again - Due to a change in the text I now have the same issue at mid\tablet size window - is there a way of adapting this so the wrapping kicks in sooner - if that makes sense!

Thanks

On 4/5/2023 at 7:48 PM, OllyT said:

Hello again - Due to a change in the text I now have the same issue at mid\tablet size window - is there a way of adapting this so the wrapping kicks in sooner - if that makes sense!

Thanks

Change 640px to 900px

Great will give that a try, thank you!