Scroll Down Arrow Mobile

Hello,

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: alexsmooklertravel.com

Thank you!
Alex

Hi,

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

Regards,