I would like to have a slider with a max size of 1100px x 400px, but the slider does not scale down on mobile devices, making the rest of the page about 1/3 of the correct width and illegible. If I change to a "responsive" layout, the slider scales up to the full width of the page, ignoring the width and height attributes.
I have checked your site and as I can see you are using the fixed size layout type. This means that the slider will retain its original sizes accross all devices and screen resolutions. This is why it does not scale properly on mobiles.
I'd recommend to use the responsive layout instead, it will scale the slider and its content proportionally on all devices, so it should fit on mobile as well. If you experience problems with it, please show us a test page where we can check on it.
As an alternate solution you could also build two sliders with different sizes or with different content for dekstop/mobile, include them both to the site, and only display them (using the Hide over and Hide under options) on the required device.
You can apply a max-width value on a slider with normal responsive layout. As I can see you've already made these changes.
I've checked your site again and I believe it's working as it should be and as you wanted it to. The slider shows and works the same both on mobile and desktop, scaling upwards and downwards as well, under the given maximum width value.
Did you achieve the layout you wanted ? Or would you like to change anyting else ?
I would like to have a slider with a max size of 1100px x 400px, but the slider does not scale down on mobile devices, making the rest of the page about 1/3 of the correct width and illegible. If I change to a "responsive" layout, the slider scales up to the full width of the page, ignoring the width and height attributes.
Hello jekaanne,
I have checked your site and as I can see you are using the fixed size layout type. This means that the slider will retain its original sizes accross all devices and screen resolutions. This is why it does not scale properly on mobiles.
I'd recommend to use the responsive layout instead, it will scale the slider and its content proportionally on all devices, so it should fit on mobile as well. If you experience problems with it, please show us a test page where we can check on it.
As an alternate solution you could also build two sliders with different sizes or with different content for dekstop/mobile, include them both to the site, and only display them (using the Hide over and Hide under options) on the required device.
So, you're saying that there's no way to have a responsive layout with a max-width? I don't want the slider to fill the whole page on desktop.
You can apply a max-width value on a slider with normal responsive layout. As I can see you've already made these changes.
I've checked your site again and I believe it's working as it should be and as you wanted it to. The slider shows and works the same both on mobile and desktop, scaling upwards and downwards as well, under the given maximum width value.
Did you achieve the layout you wanted ? Or would you like to change anyting else ?