Solved

How can I add parallax to my debut theme?

kbcreative
Tourist
7 0 3

Hi, I'm looking to add parallax to my debut theme.

I see where I am supposed to add certain code to theme.scss.liquid under assets. But I only see theme.css

Does anyone know what I should do?

Thank you!

Accepted Solution (1)

Guleria
Shopify Partner
3106 610 870

This is an accepted solution.

Hello,

theme.scss.liquid was used in previous versions of debut theme now in latest version all the css of debut is under theme.css 
Means you can add your css code in theme.css 

 

Thanks

- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me.
- Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
-Advance Search Filter

View solution in original post

Replies 8 (8)

Guleria
Shopify Partner
3106 610 870

This is an accepted solution.

Hello,

theme.scss.liquid was used in previous versions of debut theme now in latest version all the css of debut is under theme.css 
Means you can add your css code in theme.css 

 

Thanks

- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me.
- Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
-Advance Search Filter
kbcreative
Tourist
7 0 3

@Guleria Thank you so much for clarifying that for me! It worked!

KetanKumar
Shopify Partner
36904 3640 11985

@kbcreative 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you 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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
kbcreative
Tourist
7 0 3

@KetanKumar  I think I have figured it out! I saw some of your earlier responses to other questions similar to mine and added the code you suggested. Thank you for your help!

KetanKumar
Shopify Partner
36904 3640 11985

@kbcreative 

thanks for update

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
32ndguy
Visitor
2 0 1

@KetanKumar I also tried to add Parallex effect but unfortunately it did not work in theme.css (Debut theme)

Could you please provide proper code and where to add? 

Domain: 32nd-october.myshopify.com

Thanks a lot!

KetanKumar
Shopify Partner
36904 3640 11985

@32ndguy 

oh sorry for that issue can you try this code

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

.page-container {
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
}
.hero {background-attachment: fixed !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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
32ndguy
Visitor
2 0 1

Hi Kumar,

 

Thanks for your reply!

 

I just added the code in theme.css but unfortunately no parallax effect and even worse the image is just zoomed in..

Do you have a solution to solve this problem?

thanks a lot!