Hi @juggernautical, you could try applying a CSS min-width
to the container the slideshow is within (simply put it inside a <div>
). Other than taking an approach like this, it can’t be done natively.
I’m sure it should work with the method mentioned.
Hey Matthew,
Thanks for getting back. Min-width does work in the way you described, however getting the slider to crop the from both the left and right sides is proving more difficult. (The cropped version of the slider is for handheld devices. The nav arrows will be hidden for this view.)
Example. Min-width
and overflow:hidden
doesn’t crop the slider as I anticipated. Horizontal scroll bar is still present.
Here’s the wrapper <div>
css:
.slider {
position:relative;
margin:0 auto;
min-width:600px;
min-width:1400px;
overflow:hidden;
}
This is now a CSS problem more than an Easing Slider problem, so no worries if you’d rather close this thread.
Adding left and right negative margins has sorted the cropping. overflow:hidden
wont work, but it’s not hurting the layout of the mobile view, so I’ll call that a success 🙂
.slider {
position:relative;
margin-left:-50%;
margin-right:-50%;
overflow:hidden;
}
Final mobile view with left and right of long horizontal slider images cropped.
Glad to you managed to get it all figured out. Sorry I couldn’t get back to you quick enough, my apologies! 🙂