Op dit moment ben ik een (nieuwe) website aan het maken voor mijn werkgever. Hierin heb ik een scroll-down button opgenomen waarbij bezoekers direct naar de volgende sectie worden doorgezet. De button verschijnt wel op de pagina, maar ik kan er niet op klikken.

Het toevoegen van een html-code werkt hierbij niet. Heb de opmaak in CSS gemaakt en is onderstaand terug te vinden. Iemand enig idee hoe ik hiervan een “button” kan maken?

.scroll-down{
position: absolute;
top: 0;
left: 50%;
width: 24px;
height: 24px;
margin-left: -12px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-animation: sdb04 2s infinite;
animation: sdb04 2s infinite;
box-sizing: border-box;
}
@-webkit-keyframes sdb04 {
0% {
-webkit-transform: rotate(-45deg) translate(0, 0);
}
20% {
-webkit-transform: rotate(-45deg) translate(-10px, 10px);
}
40% {
-webkit-transform: rotate(-45deg) translate(0, 0);
}
}

.av-slider-scroll-down-active .avia-slideshow-dots a{bottom: 80px;}