Example rules to enhance responsiveness of Views Slideshow.

Due to various site styles and markup, this won't work on all sites. Which is why it was removed from views_slideshow_cycle.css as that caused bugs on some sites, especially those using floats on the parent elements but without any width declarations.

Fichier

contrib/views_slideshow_cycle/views_slideshow_cycle_responsive_example.css

View source 
  1. /**

  2.  * @file

  3.  * Example rules to enhance responsiveness of Views Slideshow.

  4.  *

  5.  * Due to various site styles and markup, this won't work on all sites.

  6.  * Which is why it was removed from views_slideshow_cycle.css as that caused

  7.  * bugs on some sites, especially those using floats on the parent elements but

  8.  * without any width declarations.

  9.  */

  10.  

  11. .views-slideshow-cycle-main-frame,

  12. .views-slideshow-cycle-main-frame div,

  13. .views-slideshow-cycle-main-frame img {

  14.   max-width: 100%;

  15. }