Slider Arrow Gone Rogue!

Hello, in the last day or so, the right arrow on my homepage slider has gone rogue! When you hover over it, the icon suddenly becomes really big. Sometimes it also moves to the left (normal size) or disappears all together. Although it is still functional. The left arrow works fine. I can’t for the life of me figure out how to fix it. Any ideas are most appreciated. Thanks!


Here is my site Read-Only:
https://preview.webflow.com/preview/five-all-in-the-fifth?utm_medium=preview_link&utm_source=designer&utm_content=five-all-in-the-fifth&preview=602a69dfb60cf9d6b559a7b89ecce503&workflow=preview

So, the issue here is because it’s an SVG you might want to give it an explicit size (width + height, 50px). You can also just set the width to 50px for example or use em units (2em for example), and set the height to auto. Once I did this, it fixed it. No more weird jumping around or going rogue.

Hope this helps.
All the best,

– Noah R.

Thanks so much, Noah. This solved it. Much appreciated!

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.