Add scroll down arrow to my website's hero slideshow

Store Design
1

Hey!

I’d like to add a chevron arrow over my hero slideshow on my theme. I’ve tried using some code from the forums but it didn’t work.

I basically want users to scroll, rather than going straight to store, so ideally maybe with a little animation so it bounced a tiny bit up and down to draw attention, will it also work on mobile?

Please can you help me do this?

I added a picture of something super basic I did in Photoshop, so I guess something like this although it’s off-center, ha

edit: my website is www.trashplanet.co.uk

bounce.jpg
bounce.jpg190×131 18.5 KB

Thank you!

Jordan

1 Like
2

Hello, @jordan95

It can be done by doing some code customization. please send me a personal message and we can discuss what you’d like

1 Like
3

Hi @KetanKumar , just sent you a DM now. Thanks :slightly_smiling_face:

4

@jordan95

Thanks for it.

i will check and let you know.

1 Like
5

@jordan95

it can be done customization

are you able code can you please try this

https://codepen.io/iftikharrasha/pen/eYJKGGa

or

let me know

1 Like
6

Hey Ketan,

Hey, thanks, it looks super cool!!

I’m not sure where to put the code though. I tried adding the css to the bottom of my styles.css.liquid file and then adding the html to the slideshow.liquid section but it didn’t appear, am I doing it wrong?

Appreciate your help,

Jordan

1 Like
7

@jordan95

Thanks for update ok i will take this can you please send more details PM

8

I’m following this. Where should that code be pasted?

1 Like