Bullets points list are breaking on small width screen

Question

Hello,

When using a small screen size, the bullet point list breaks up. The text and the icon are displayed on 2 different lines.

Example with this demo site https://canvastemplate.com/demo-insurance.html
It is on the section "The Longer you Wait, The more Expensive it Gets"
see attached screen shots.
First The + icons are displayed in front of the text and when the window gets smaller, the + icons are displayed above the text.

I am using larger fonts on some of my site. So this happens as soon as the screen is a bit less wide.

Thanks for your help as this makes my page look ugly when otherwise they are good (thanks to your template)
Regards

SemiColonWeb · Accepted Answer

Hello,

Apologies for the Inconveniences caused!

Simply use the following code replacing the old block of code:
[ch_pre]

Daily 30 minutes for exercise.

Flexible eating that fits your lifestyle and culture.


I dropped over 25 kgs in 6 months and have helped 1200+ of others do so.

[/ch_pre]

This will definitely resolve the issue with Bullets. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

antpre · Answer

Perfect thanks