Auto Height

Unfortunately ‘Auto Height’ (https://owlcarousel2.github.io/OwlCarousel2/demos/autoheight.html) is a JavaScript setting, and cannot be set/unset using CSS Media Queries.

The only solution I can think of is to duplicate your slider (you can use the ‘Duplicate Page’ plugin: https://www.ads-software.com/plugins/duplicate-page/), and have one version with Auto Height enabled and another with Auto Height disabled. You then insert the 2 SA Shortcodes into 2 different DIVs, and show/hide one DIV on Desktops, and another on Mobiles using Media Queries. I know its not the most elegant solution, but it will work.

I just added display: flex to parent div and it works.

Ok, that’s a clever solution. Glad you got it sorted.