How can I add parallax to my debut theme?

Store Design
1

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!

2

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

3

@kbcreative

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

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

Please share your site URL,
I will check out the issue and provide you a solution here.

4

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

5

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

6

@kbcreative

thanks for update

7

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

8

@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;}
9

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!