Slider not working responsively

Design help General
#1

Hi,

Here’s the link to the site I’m working on:
https://preview.webflow.com/preview/duhita-samaiyar?utm_medium=preview_link&utm_source=dashboard&utm_content=duhita-samaiyar&preview=04208352c8f4c677316a13763221e023&mode=preview

When I preview it, why doesn’t the slider work in mobile portrait?

Thanks,
Shonali

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

#2

You have to give your slider a height :wink:

2019-09-19%2013_22_15
2019-09-19 13_22_15.jpg3840×1747 300 KB

#3

Thanks. But these are horizontal images, so a lot gets cropped. Is there no way to avoid that?

Best,

Shonali

#4

Ok, just did. It shows up on Designer but not in Preview!

#5

ok… if you want that then dont use a bakground-image…
Use a Real-Image instead… so place a images in your Slider-Format and delete the old BG

Set the height of Slider and Slider Format to auto

1
1.jpg3837×1748 275 KB

#6

Thanks, did that. But now in the desktop version the slide is too tall and the slide navigation doesn’t show!

#7

Quick and dirty way would be to set the display:none of the image and give the Slider Forma a Background image in all other breakpoints… So the “real” image only is visible on mobile portrait…

#8

Thanks, let me try. Sounds really quick-fix! Isn’t there any other way?

#9

Also where do I hide the image?

#10

Ok, set the display to none. Now let me figure the rest out :slight_smile: Thanks

#11

If you need anything let me know :wink:

#12

Thanks! I definitely will do that :slight_smile: