Debut Theme Parallax Scrolling

NicolasMaverde
Excursionist
24 0 13

Hi @KetanKumar 

is it possible to implement the parallax effect for section image-bar?

Also just for desktop version.

 

Thanks in advance.

Greetings

Nicolas

KetanKumar
Shopify Partner
16967 1839 6350

@NicolasMaverde 

Welcome to the Shopify community!
and Thanks for your 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
0 Likes
KetanKumar
Shopify Partner
16967 1839 6350

@NicolasMaverde 

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
NicolasMaverde
Excursionist
24 0 13

Hi @KetanKumar,

URL: https://maverde.de/password

You got the password via direct message.

KetanKumar
Shopify Partner
16967 1839 6350

@NicolasMaverde 

Thanks for 

make sure the parallax effect work on the desktop some mobile design doesn't support and proper work 

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

@media only screen and (min-width: 750px) {
.image-bar--medium .image-bar__content, .image-bar--medium .image-bar__item {
    background-attachment: fixed;
    background-position: center !important;
}
}

 

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
Estheriiina
Tourist
5 0 3

Hi there,

Is there anyway to make the footer of the Debut theme have the Parallax scrolling effect? Just the footer. I am currently using the Narrative theme, which has this effect & I love it, but I am planning on switching over to the Debut theme in the next couple of months, so I'm currently prepping for that. The only thing that's missing is the Parallax scrolling effect for the footer. Is it possible to get this effect on both desktops & mobile devices? I noticed it doesn't work with mobile devices but it there a work around for this?

Thank you!

KetanKumar
Shopify Partner
16967 1839 6350

@Estheriiina 

Sorry for facing this issue, it's my pleasure to help us.

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
Estheriiina
Tourist
5 0 3

Thank you for your quick response. As mentioned, I'm currently using the "Narrative" theme, so you will see on my website that it already has this effect. I need this effect on the Debut theme, which is not currently published on my website yet. 

My website's URL is: https://maisondefinesse.com

KetanKumar
Shopify Partner
16967 1839 6350

@Estheriiina 

can you please share your debut theme url so i will check and guide if possile 

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
Estheriiina
Tourist
5 0 3

I just sent you a private message with the link