Slider works great on a desktop. Can't seem to get the settings right to make it responsive on a mobile device? See screenshot. It could well be the settings I have got but I can't see how to resolve this?
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
The problem is related to the fullsized layout you are using. The layers are centered in an 'invisible container' in the fullsized layout, and this container is keeping its aspect ratio adjusting itself to the slider's canvas size. The fullsized mode will not break/change the canvas size either, so when the slider gets resized on small screens, it's content won't follow up on this aspect ratio change.
On the other hand, the normal responsive mode scales everything, even if it means changing the aspect ratio or increazing the canvas size in any direction to keep the slider 'filled' with its content. I'd recommend to use a normal responsive slider instead of fullsized, to achieve what you're looking for.
Alternatively, if you want to keep the fullsized mode, you could use the "position" setting under the Styles tab, to allow the layers to break out of their container in the fullsized mode. You would need to position the layers with percentage values in this case.
Also, as I can see you are using the Responsive Under option. I'd recommend to remove this value you have set for your slider. Since version 6 the plugin calculates this option by itself so you do not have to enter anything. The Responsive Under option is located in the Slider Settings -> Layout -> Fullwidth section. It is hidden by default so you have to enable the Show Advanced Settings button.
Slider works great on a desktop. Can't seem to get the settings right to make it responsive on a mobile device? See screenshot. It could well be the settings I have got but I can't see how to resolve this?
I meet the same problem
Hello trout458,
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
The problem is related to the fullsized layout you are using. The layers are centered in an 'invisible container' in the fullsized layout, and this container is keeping its aspect ratio adjusting itself to the slider's canvas size. The fullsized mode will not break/change the canvas size either, so when the slider gets resized on small screens, it's content won't follow up on this aspect ratio change.
On the other hand, the normal responsive mode scales everything, even if it means changing the aspect ratio or increazing the canvas size in any direction to keep the slider 'filled' with its content. I'd recommend to use a normal responsive slider instead of fullsized, to achieve what you're looking for.
Alternatively, if you want to keep the fullsized mode, you could use the "position" setting under the Styles tab, to allow the layers to break out of their container in the fullsized mode. You would need to position the layers with percentage values in this case.
Also, as I can see you are using the Responsive Under option. I'd recommend to remove this value you have set for your slider. Since version 6 the plugin calculates this option by itself so you do not have to enter anything. The Responsive Under option is located in the Slider Settings -> Layout -> Fullwidth section. It is hidden by default so you have to enable the Show Advanced Settings button.