Canvas slider caption on mobile

Hello,

Simply add the following CSS Code to control the Font Size:

.device-xl .slider-caption h2 { font-size: 28px; }

.device-lg .slider-caption h2 { font-size: 26px; }

.device-md .slider-caption h2 { font-size: 24px; }

.device-sm .slider-caption h2 { font-size: 20px; }

.device-xs .slider-caption h2 { font-size: 18px; }

This will definitely work fine. The Responsive Classes are as follows:

.device-xl – Class for Large Devices >=1200px

.device-lg – Class for Medium Devices >=992px to 1199px

.device-md – Class for Tablets

.device-sm – Class for Landscape Mobiles or Phablets.

.device-xs – Class for Portrait Mobiles

You can use the above code for other Elements as well.

You can also consider using the following code which will resize the Font Size according to the Viewport Width:

<h2 style="font-size:5.5vw;">

Hope this Helps!

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