Add scroll down arrow to my website's hero slideshow

jordan95
Tourist
6 0 4

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

Thank you!

Jordan 

Replies 7 (7)

KetanKumar
Shopify Partner
36839 3635 11972

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
jordan95
Tourist
6 0 4

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

KetanKumar
Shopify Partner
36839 3635 11972

@jordan95 

Thanks for it.

i will check and let you know.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
36839 3635 11972

@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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
jordan95
Tourist
6 0 4

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

KetanKumar
Shopify Partner
36839 3635 11972

@jordan95 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Isaac23
Visitor
2 0 1

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