Not seen slider navigation arrows in mobile browsers.

[Saumya]

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; }

[kalyn]

.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.