Parallax to Debut Theme

Solved
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
2251 467 688

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

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1

Try GEMPAGES a great app with drag and drop features to design landing/product/individual pages.

View solution in original post

Replies 8 (8)
Guleria
Shopify Partner
2251 467 688

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

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1

Try GEMPAGES a great app with drag and drop features to design landing/product/individual pages.
kbcreative
Tourist
7 0 3

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

KetanKumar
Shopify Partner
36591 3628 11814

@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
36591 3628 11814

@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
New Member
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
36591 3628 11814

@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
New Member
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!