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%2013_22_153840×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
13837×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: