Promo Banners not responsive on mobile

Hello,
I have used the promo banner functionality on a page however it is not responsive when viewing the page on mobile – the copy is spilling over beyond the image and is therefore illegible.
I have tested this on iPhone 5, 6 and 10.
I had reduced the copy size slightly which fixed the issue on iPhone 10, however it is still spilling over on other phone types.
Please find attached screenshots for reference.
I would appreciate your guidance on how I can adjust the promo banners so as to be properly responsive on all mobile devices.
Many thanks.

Attachments:

You must be logged in to view attached files.

Hello,

Please enter the banner editing mode and switch to Title & Subtitle tab. Next find the option “Title size”, choose “Custom” and a new tab will appear http://prntscr.com/jy0nwa

Custom Size in banner allows you set the font size for title and subtitle at the same time if you use the text it will require custom CSS.

Best Regards

Hello Elise,
Many thanks for your feedback. I have adjusted the Title size as per your instructions, however this is still causing issues on mobile as the text in the Content section is too large.
Could you possibly advise what custom CSS I would need to use to reduce the size of the Content text, and where in WP I need to add the CSS?
Many thanks,
Sofia

Hello,

Please provide your site admin access I will prove the CSS for the text.

Best Regards

Hello Elise,
Many thanks for your assistance with this, much appreciated.
I am providing site access details in the Private Content section. If you have any difficulties viewing it or logging in please let me know.
Thanks,
Sofia

Hello,

Add this code to Page Setting section http://prntscr.com/jy4smn :

@media screen and (max-width:500px){
.content-banner .content-size-default {
    font-size: 12px;
}
}

Replace max-width and font-size as per your needs.

Best Regards

Many thanks Elise, much appreciated! I have followed your instructions and it has resolved the issue.

Best regards,
Sofia

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts