bee3d icon indicating copy to clipboard operation
bee3d copied to clipboard

Improved Responsive Sliders

Open lukeed opened this issue 10 years ago • 3 comments
trafficstars

Better default support for responsive Bee3D sliders. Currently doable, but is up to user to modify CSS @ desired breakpoints.

lukeed avatar Aug 09 '15 16:08 lukeed

there is issue with the mobile view. Especially with the coverflow option. There should be ways to disable slider on different breakpoints like slick slider

also, there is no way to manage the width or placement of the slides on a fluid breakpoint.

Please comment.

icdindia avatar Jul 14 '16 09:07 icdindia

Hey, traveling today. I'll take a look at all your comments later today, circa 8 hours. Thanks ~

lukeed avatar Jul 14 '16 11:07 lukeed

@icdindia There is a way to manage the widths & placements on responsive breakpoints. As you can imagine, I can't impose a default responsive system, because everyone's desired implementation is immensely different.

You have to apply your own responsive media queries.

For example, the demo on my site uses this code:

@media only screen and (max-width: 768px) {
  .bee3D--parent {
      zoom: 0.6;
  }
}

I chose to use zoom, but i easily could have done transform: scale(0.6) instead (and I probably should have because zoom is no supported in Firefox.

For other responsive options, check out #28

lukeed avatar Jul 14 '16 19:07 lukeed