Background image is not responsive.

Hello,

Background Images in general are not resizable. We can resize the Section Dimensions on Mobile Devices which will make the Background Image adapt to the Container. Consider using the following code replacing the existing code:
[ch_pre][/ch_pre]

This should definitely work fine. Hope this Helps!

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

Hello,

You can consider using the following code to adjust the Heights according to different devices and choose what looks best:
[ch_pre type="css"].device-xl .swiper-element {
height: 100vh !important;
}

.device-lg .swiper-element {
height: 100vh !important;
}

.device-md .swiper-element {
height: 80vh !important;
}

.device-sm .swiper-element {
height: 60vh !important;
}

.device-xs .swiper-element {
height: 50vh !important;
}[/ch_pre]

You can change the values and also set fixed heights. 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

Hope this Helps!

A minor update with some fixes and plugin updates will be released later today. And a Major Update with many more templates, new useful features, improvements and major design changes is on the way. We will provide an accurate release date at a later date.

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

Hello,

Very Happy to Help! :)

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