With full-width sliders, is it possible to control how they appear on smaller screens? What I'd like to be able to do, when the screen is narrower than the slider specified width, is maintain the actual size but allow clipping left and right, rather than simply scale the whole slider down. I've tried the responsive option instead of full-width but it doesn't seem to make any difference.
I've looked at your samples and resolved this by changing the Responsive Under setting to a value less than the canvas width. However, that setting was on Canvas Width, so surely that means the slider should be in responsive mode at any screen size less than the canvas? Instead, as I say, the whole slider was being proportionally reduced to fit the width.
That is how the responsiveness should work. The responsive mode is scaling the slider and its content proportionally, so it fits properly on every screen resolution.
If you want to setup a slider which will be cropped rather than resized on screen size change, I'd recommend to use a Fixed layout slider instead.
Okay, but haven't you got it the wrong way round? If the whole slider is being scaled, that is NOT responsive, no? And that is what happens if "Responsive Under" is set to canvas width, which to me seems incorrect. If you set it to something less than the canvas width, then the slider adjusts itself to the screen width, ie it is responsive, which is fine. Your sample slider eCommerce is full-width and behaves in that way, and the Responsive Under is set to 1200.
Responsive means that the slider and its content are scaled proportionally, keeping their original aspect ratio, so they fit properly on every screen resolution and being displayed the same accross all viewing devices.
The responsive under option limits the responsive mode and only enables it under the given value. So the slider does not get scaled until it reaches the given value.
With full-width sliders, is it possible to control how they appear on smaller screens? What I'd like to be able to do, when the screen is narrower than the slider specified width, is maintain the actual size but allow clipping left and right, rather than simply scale the whole slider down. I've tried the responsive option instead of full-width but it doesn't seem to make any difference.
I've looked at your samples and resolved this by changing the Responsive Under setting to a value less than the canvas width. However, that setting was on Canvas Width, so surely that means the slider should be in responsive mode at any screen size less than the canvas? Instead, as I say, the whole slider was being proportionally reduced to fit the width.
Hey beachmat,
That is how the responsiveness should work. The responsive mode is scaling the slider and its content proportionally, so it fits properly on every screen resolution.
If you want to setup a slider which will be cropped rather than resized on screen size change, I'd recommend to use a Fixed layout slider instead.
Okay, but haven't you got it the wrong way round? If the whole slider is being scaled, that is NOT responsive, no? And that is what happens if "Responsive Under" is set to canvas width, which to me seems incorrect. If you set it to something less than the canvas width, then the slider adjusts itself to the screen width, ie it is responsive, which is fine. Your sample slider eCommerce is full-width and behaves in that way, and the Responsive Under is set to 1200.
Responsive means that the slider and its content are scaled proportionally, keeping their original aspect ratio, so they fit properly on every screen resolution and being displayed the same accross all viewing devices.
The responsive under option limits the responsive mode and only enables it under the given value. So the slider does not get scaled until it reaches the given value.