Reply To: Serving Different Desktop and Mobile Images

#10045754
Support
Keymaster

Hi, you can add data-dynamic-height and set style also, here’s an example:

<div id="home" class="owl-carousel owl-carousel-light owl-carousel-light-init-fadeIn owl-theme manual dots-inside dots-horizontal-center show-dots-hover nav-inside nav-inside-plus nav-dark nav-md nav-font-size-md show-nav-hover mb-0" data-plugin-options="{'autoplayTimeout': 7000}"  data-dynamic-height="['1200px','1000px','900px','750px','750px']" style="height: 1200px;">

It will set values for different resolutions, you can changes those numbers the way it will look better for your content.