Streaming live at 10am (PST)

Responsive slider/images


#1

Hello I am having the same problem I had back in 2015. )Responsive images in sliders)

My images are in a slider and uploaded as background.
Even if I have adjusted the slider size, the images are not responsive…

My website
http://sheishelen.webflow.io/

I tried Try setting the background images to “cover” Make sure the slider has a class assigned to them and set the width of the slider component to width: 100% as suggested years ago, it worked last time but not this time…

Thanks,
Helen


#2

Which slider? (You have more than one). Your slider is ok - but the parent (The wrapper) is not 100% width.

Add read-only-link -or- try to remove the wrapper styles (By deafult div is 100% “block level”) + Add screenshot (“not responsive” is general term).


#3

Hi!

Here’s the link:
https://preview.webflow.com/preview/sheishelen?preview=2e498cca67575e44bb510a6e21f336d2

The first 2 sliders under section “Art direction & Styling”, I am not sure how to make it responsive


#4

Yes, background images won’t be responsive. You’ll need to add them on their - or - in a div. To get the best functionality, add images on their own without a div.


#5

Thank you!

But the others are background images and they work… So I don’t understand what i did before… i am so confused…


#6

Okay sure. Which page and section is the background image. I’ll go take a look.


#7

Oh okay, it’s that native slider component, it can be a little buggy sometimes. I added a new one with the same images and it works. Just delete that troubled one and put a new one - BUT - make sure you “Clean up the classes” by deleting the old ones. And don’t use the same class name. That should work :grinning:


#8

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.