Weird behaviour of jssor slider when deployed as cloud service on chrome

Question

I have a jssor slider on a website that is displaying full screen in debug mode on a large monitor but when I push it into the a cloud service for production deployment at ebill.budgetenergy.co.uk then there is white space being displayed to the right of the slider, any ideas as to what might be causing this?

Answer 1

I tried the above suggestion but it set the image to less than a half of the screen so I tried:

jssor_slider1.$ScaleWidth(Math.min(bodyWidth, 2100));

2100px is the resolution of the largest monitor I have tried this on, the problem only seems to exhibit when it is deployed to azure and not in debug so maybe it is something being blocked on azure side