Examble3 Slider 2 Navigations on the same Site

Hello togehter,

i’ve a short question:
On a Page with Ultimate Responsive Image Slider Examble 3, i wanna add 4 more arrows to go prev and next Picture. Attached a Picture of that second navi ( not styled).

Here my HTML + CSS

<div class=”box2″>
<div class=”text-square”>Galerie</div>
<span class=”wrap”><span class=”touch”></span>
<span class=”wrap”><span class=”touch”></span>
<span class=”wrap”><span class=”touch”></span>
<span class=”wrap”><span class=”touch”></span>
<span class=”wrap”><span class=”touch”></span>
</div>

.box2{
height: 30px;
width: 150px;

position: relative;
}
.wrap {
position: absolute;
top: 0;
left: 25%;
height: 25%;
width: 50%;
overflow: hidden;
}
.touch {
position: absolute;
top: 0;
left: 50%;
height: 200%;
width: 200%;
transform: rotate(45deg);
transform-origin: top left;
background: gray;
cursor: pointer;
}
.wrap:nth-child(2) {
transform: rotate(90deg);
transform-origin: top left;
top: 25%;
left: 75%;
}
.wrap:nth-child(3) {
transform: rotate(180deg);
transform-origin: top left;
top: 100%;
left: 75%;
}
.wrap:nth-child(4) {
transform: rotate(270deg);
transform-origin: top left;
top: 75%;
left: 0;
}

.wrap:nth-child(7) {
transform: rotate(270deg);
transform-origin: top left;
top: 160%;
left: 10;
}

.wrap:nth-child(9) {
transform: rotate(-270deg);
transform-origin: top left;
top: -80%;
left: 130px !important;
}

.touch:hover {
background: tomato;
}

Information:
I use the newest WP Version.

Question:
The Navigation is there, how can i make those arrows work?
I dont understand the link between css html and the Action.

Thanks for your help