Debut Theme Parallax Scrolling

[YVRCookie]

Hi There,

Looking to get some help with setting up Parallax scrolling on my site for the homepage. I'd like to add it for my main picture and for others in the future and was wondering how to code it in. Thanks

Site is yvrcookie.com

[KetanKumar · Accepted solution]

@YVRCookie 

Thanks of post

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.hero {
background-attachment: fixed;
}

[YVRCookie]

Thank you! It worked great!

[KetanKumar]

@YVRCookie 

Thanks for your update and support.

[YVRCookie]

@KetanKumar it looks really bad on mobile, it seems to be zooming in on the picture and only showing a part of that. what would be the best way to fix that so it's not doing that and looks like it does now?

thank you

[KetanKumar]

@YVRCookie 

Thanks for update

i have suggestion please remove parallax on mobile some device also doesn't work

[YVRCookie]

Hi Ketan,

What could i do to remove it from mobile?

[KetanKumar]

@YVRCookie 

yes, i can help 

sorry but i can't see now your store parallax effect can you please show me.

[Alejandro-tech]

Thank You

[KetanKumar]

@Alejandro-tech 

Thanks for your feedback