Scroll Down Arrow Mobile


I have added a scroll down arrow on my header slide using this solution: Downward pointer on slider

It looks great on the desktop version of the site, but is not responsive on the mobile version and shows up too big and overlaps with the text in my header slider.

Could you please tell me how to make the down arrow responsive?

This is my site:

Thank you!


Looks like you make the button hidden using the CSS code.
Firstly, please remove that CSS code and add this CSS code instead:

@media (max-width: 767px){
    a.scroll-down-arrow {
        font-size: 26px;