Auto Resonsiveness Break Points

Hi SS Support,

I’m using your plugin on many of my clients’ websites. The project I am currently working on uses the SS3 Pro plugin.

I am coding full structures for mobile and tablet portrait and landscape views. I have SS3 set to Auto Responsiveness as this works best. However, my customer has a specific height requirement for the slider on all of these views and I am struggling to implement this.

The design uses 60% of the viewport height across all screens for the slider. There is no way to set the slider height as a percentage unfortunately. I’m wondering if it is possible to implement this using class styles in my CSS. Can this be done? At the moment, I have a minimum height set at 400px but this only appears correctly on the mobile portrait view (I’ve left it like this for now as it’s the most likely option most mobile viewers will be using). This is far too large for the mobile landscape viewport, which should be about 250px. Is it possible to set specific heights for specific ranges of device resolutions, perhaps using @media screen?

Any help would be much appreciated.