Add height to layerslider in responsive mode

Hey Jak73,
Sorry for the late reply, for the layerslider the best option, in this case, is to create two layersliders, one for desktop and one for mobile, ensuring that the canvas of the slider is the same ratio as a mobile device. That is taller than wide.
Then use a css media query to show & hide them for the proper device, for example:

@media only screen and (min-width: 768px) {
    #layerslider-1 {
        display: block !important;
    }
    #layerslider-2 {
    display: none !important;
    }
}
@media only screen and (max-width: 767px) {
    #layerslider-2 {
        display: block !important;
    }
    #layerslider-1 {
    display: none !important;
    }
}

If you would like some help with the css to do this, please create your mobile layerslider and include both sliders on a test page so we can examine the sectors.

Best regards,
Mike