-
Posts
-
Greetings,
I have been working on this for several days and figured I would ask. I have set up a slide using the advanced layer slider and when I view it on my i-pad it doesn’t seem to properly resize to it. I have set the slider width to 100% as this seems to be the only way I can get a “true” full width ( I have tried entering the pixel value and can’t get full width ). I have turned on responsive with a max width of 2000px. Full width is on with a responsive under 1000px and layers container of 1000px.These settings give me the appearance I am looking for on desktop, but as I said, it just doesn’t resize to my i-pad. Ideally, I would like all elements of the slide to scale down, I just can’t seem to pull any of this off without distorting my desktop appearance. Any suggestions?
The slide is 1700px X 764
Thanks a ton guys! Please let me know if I can provide any additional info!
Hi Brad!
It looks like your website is not down but i cannot connect for some reason. I will try again later but in the meantime, I asked other team members to look into it. Please wait to hear from them.
Best regards,
YigitThe only way to make it resize perfectly would be adding classes to your elements and then adjusting the position/padding with css that targets that specific breakpoint.
So if you are comfortable with css its maybe an hour or two of tweaking. If not you could hire a freelance developer from somewhere like Envato Studio or Codeable.
Unfortunately LayerSlider doesn’t have any other tweaks for specific breakpoints as far as I know.
You can tell LayerSlider *when* to start responding and what size the inside of your layers should be set to (the layers container in your image).
But its global so once it starts responding it does so all the way down to the smallest size.
Play around with them for sure as you might be able to find a happy medium where you can use the responsive under setting in conjunction with a container size and layout of the layers in the slideshow.
The descriptions next to each field are all I would be able to explain I think but let me try and add a bit of context.
The Slider Width is the width of the slider as it is inside of the page. The majority of the time it will be 100% so that the slideshow is the width of the users window. The height is the height as it displayed at its regular, non responded size.
The responsive mode is pretty clear since it turns on the slideshows ability to respond to the users viewport/browser size. The Max Width tells layerslider the Max size the slideshow can grow to (for really big monitors).
The Full-Width settings let you make the slideshow expand to the very edges of its container. When LayerSlider takes over on re-sizing all of the elements inside of your slideshow is the “Responsive Under” value. If its 1000px then at 999px the slideshow will start to shrink to the users window.
The Layers Container is the invisible container that the elements in your full width (edges of the screen) slideshow elements will be contained to. So if you set it to 500px then the contents inside the slideshow would be contained in a 500px wide box.
- The topic ‘Can't Get My Advanced Slider To Properly Resize’ is closed to new replies.