-
Posts
-
Hello,
I notice on the demo when the advanced layer slider gets down to the mobile size it keeps it a decent height and crops in a bit on either side, which is what I want it to do also. However by default it just scales all the way down proportionately. What is the setting I must be missing which allows it to keep a nice depth when down to the mobile size? Thanks so much.
T
Hi tonyiatridis!
The global settings for each slideshow let you set the size of the responsive container and how it changes. For example using the full width site style and the demo slider I have:
Cheers!
DevinHey Devin,
Thanks for the response. What I have basically is this. The clients wants the pictures very large and wide for hi res monitors which is his client demographic to a large extent. Hence the slides are a whooping 2000 wide x 475 high.I have a working version here: http://kristencooper.com/ctt/
I played with settings like you showed above however they cropped the pictures horizontally at the larger sizes. What I need to happen is for the full width to show on bigger monitors, but when it gets down to the mobile size it should crop in on the sides so the image stays a decent height. Also when I set ‘responsive under 1140’, the preview of the slides where you set the layers was cropped to that width. I have it set as you do above now except the responsive under and layers container are both back to zero for the time being. Hopefully you can steer me in the right direction, I’m just get accustomed to the theme, which is marvelous by the way.
Also if you look at that page above you’ll see i have a portfolio layout and a posts layout for the 4 smaller pictures, is there a css hack which will add some outside margin around the portfolio items so there is some white space all the way around in between the increments? That might be the perfect solution there.
Thanks a lot,
Tony
The included documentation and the descriptions next to the fields will give a better picture of what the settings all do than what I could describe. On any LayerSlider page go to the top right and there is a Help/Documentation tab that you can click on.
The Layers Container is what constrains the content of the container. The Responsive under is an override for the default responsive changes. I’m not sure if you can do exactly what you are looking for so it may be just a matter of some trial and error with the settings and image sizes.
As far as I know the LayerSlider plugin doesn’t let you choose how the responsive changes work onces it gets down to adjusting for tablets and mobile.
- The topic ‘scale of advanced layer slider in mobile size’ is closed to new replies.