Difference between revisions of "Template:Swiper"

Line 330: Line 330:
 
         }
 
         }
  
         /* IF THE SCREEN IS LESS THAN 320PX */
+
         /* IF THE SCREEN IS LESS THAN 414PX */
 
         @media only screen and (max-width: 414px) {
 
         @media only screen and (max-width: 414px) {
 
             h1 {
 
             h1 {
Line 362: Line 362:
 
             .swiper-button-next.swiper-button-black {
 
             .swiper-button-next.swiper-button-black {
 
                 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
 
                 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
 +
            }
 +
        }
 +
        /* IF THE SCREEN IS LESS THAN 320PX */
 +
        @media only screen and (max-width: 320px) {
 +
            .swiper-container {
 +
                height: 280px;
 +
            }
 +
            .swiper-slide > img {
 +
                height: 280px;
 
             }
 
             }
 
         }
 
         }

Revision as of 01:03, 2 November 2017