Streaming live at 10am (PST)

Slider shrinks on mobile views


I’m having a problem getting the slider to be responsive. It looks fine on web, and in all the breakpoints in the designer, but as soon as I hit the preview button (or load the published page on a phone) the slider shrinks and become super tiny.

Here’s how it looks in the desktop, iPad and mobile breakpoints:

Any ideas?

Here is my site Read-Only

In case anyone reads this in the future, I was able to identify the issue. It seems it was related to placing the slider inside a <div> with display set to flex and vertical direction. I set the display of the containing <div> to block on the smaller breakpoints, and after that the slider no longer shrunk on these screen sizes.