Add Parallax Effect to the Slideshow section of Narrative Theme

Highlighted
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

1 Like
Highlighted
Shopify Partner
7457 1032 2592

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
1 Like
Highlighted
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
Highlighted
Shopify Partner
7457 1032 2592

@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
Highlighted
Excursionist
29 0 13

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

1 Like
Highlighted
Shopify Partner
7457 1032 2592

Hello, @Carof 

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
1 Like
Highlighted
Excursionist
29 0 13

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

1 Like
Highlighted
Shopify Partner
7457 1032 2592

@Carof 

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
Highlighted
Excursionist
29 0 13

So Sorry @KetanKumar I got confused with another page.

The correct password is: klieli

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

 

0 Likes
Highlighted
Shopify Partner
7457 1032 2592

@Carof 

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