Not seen slider navigation arrows in mobile browsers.



  • Realized slider.

    http://sunprice.kz/event/detail/38

    On the laptops and computers, the arrows are visible at once, but on the mobile devices, if you go through the browser, the sliders are not visible. Where's the cs?

    /* Navigation */
        .iis-previous-nav,
        .iis-next-nav {
            position: absolute;
            top: 50%;
            z-index: 20;
            display: block;
            width: 60px;
            height: 60px;
            text-indent: -9999px;
            background-repeat: no-repeat;
            background-color: rgba(0,0,0,0.5);
            border-radius: 50px;
            background-size: 48px 48px;
            cursor: pointer;
            opacity: 1;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            -webkit-transition: 0.3s ease-out;
            -moz-transition: 0.3s ease-out;
            -o-transition: 0.3s ease-out;
            transition: 0.3s ease-out;
        }
        .iis-previous-nav {
            left: 5%;
            background-position: 35% 50%;
            background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPHBvbHlnb24gZmlsbD0iI2ZmZmZmZiIgaWQ9InN2Z18xIiBwb2ludHM9IjM1MiwxMTUuNCAzMzEuMyw5NiAxNjAsMjU2IDMzMS4zLDQxNiAzNTIsMzk2LjcgMjAxLjUsMjU2ICIvPgogPC9nPgo8L3N2Zz4=");
        }
        .iis-next-nav {
            right: 5%;
            background-position: 65% 50%;
            background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPHBvbHlnb24gZmlsbD0iI2ZmZmZmZiIgaWQ9InN2Z18xIiBwb2ludHM9IjE2MCwxMTUuNCAxODAuNyw5NiAzNTIsMjU2IDE4MC43LDQxNiAxNjAsMzk2LjcgMzEwLjUsMjU2ICIvPgogPC9nPgo8L3N2Zz4=");
        }
        .ideal-image-slider:hover .iis-previous-nav,
        .ideal-image-slider:hover .iis-next-nav { opacity: 1; }
        .ideal-image-slider:hover .iis-previous-nav:hover,
        .ideal-image-slider:hover .iis-next-nav:hover { opacity: 1; }
    


  • .iis-next-nav,
    .iis-prev-nav {display:block !important;}
    

    It won't help you. They won't work. Plagin http://idealimageslider.com/ It works so that the mobile devices hide the buttons and the man fingers the images.




Suggested Topics

  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2