Debut Theme Parallax Scrolling

Solved
YVRCookie
Tourist
12 0 4

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
Shopify Partner
14383 1670 5167

This is an 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;
}

 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
YVRCookie
Tourist
12 0 4

Thank you! It worked great!

KetanKumar
Shopify Partner
14383 1670 5167

@YVRCookie 

Thanks for your update and support.

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
YVRCookie
Tourist
12 0 4

@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
Shopify Partner
14383 1670 5167

@YVRCookie 

Thanks for update

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

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
YVRCookie
Tourist
12 0 4

Hi Ketan,

What could i do to remove it from mobile?

0 Likes
KetanKumar
Shopify Partner
14383 1670 5167

@YVRCookie 

yes, i can help 

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

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Alejandro-tech
New Member
1 0 1

Thank You

KetanKumar
Shopify Partner
14383 1670 5167

@Alejandro-tech 

Thanks for your feedback

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes