Add Parallax Effect to the Slideshow section of Narrative Theme

TheNiek
New Member
3 0 1

Hey guys!

 

I was wanting to see if there was a way to add a parallax effect to the standard Slideshow section in the Narrative theme. 

By parallax, I, of course, mean that when you scroll down from the top of the page it appears like the page is being pulled over the Slideshow as opposed to the slideshow just moving up as you scroll.

If anyone knows how to do this please let me know!

 

Thanks in advance,

Nic

KetanKumar
Shopify Partner
17039 1848 6375

Hello, @TheNiek 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

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
TheNiek
New Member
3 0 1

Thanks for the quick response! Sorry I took so long, but I was busy.

Store: https://the-land-of-the-lost.myshopify.com/

Password: Test12345

Thank you for your help!

0 Likes
KetanKumar
Shopify Partner
17039 1848 6375

@TheNiek 

Thanks

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 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
LaseMakers
Shopify Partner
49 0 21

Hi @KetanKumar Im having the same issue. I would like to add a parallax effect to the homepage in the Narrative theme. 

I already tried addind a code to the theme.scss.liquid but it did not work.

This is the code I added: 

.hero {
background-attachment: fixed;
}

would really appreciate your help.

Best,

Carolina

KetanKumar
Shopify Partner
17039 1848 6375

Hello, @LaseMakers 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

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
LaseMakers
Shopify Partner
49 0 21

Hi @KetanKumar 

Thank you!! of course here is my url:

https://astridmolina.com/password

Password: dietre

Hope you can help me with this issue.

Best wishes

KetanKumar
Shopify Partner
17039 1848 6375

@LaseMakers 

Thanks 

sorry  your password doesn't work 

KetanKumar_0-1599074785435.png

 

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
LaseMakers
Shopify Partner
49 0 21

So Sorry @KetanKumar I got confused with another page.

The correct password is: klieli

Paga URL: https://astridmolina.com/password

 

0 Likes
KetanKumar
Shopify Partner
17039 1848 6375

@LaseMakers 

Thanks are you able to code so please try this 

https://codepen.io/RenanB/pen/GZeBNg

or 

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 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