How can I add a parallax scrolling feature to my 'Studio' theme store?

Store Design
1

Hi, I am attempting to add a parallax feature to my Shopify store. I am currently using the “Studio” theme.

After researching through the different community threads (https://community.shopify.com/c/shopify-design/debut-theme-parallax-effect-on-homepage-image/td-p/704911 & https://community.shopify.com/topic/942144), I have come to the conclusion that I need to add code to the “theme.scss.liquid” file or the “theme.css” file. Unfortunately, I cannot see either file. Any help would be greatly appreciated!

1 Like
2

Hi @NickEwing

Not all themes will have that specifically named file.

Themes based on the Dawn theme use base.css

Other themes may be styles.css, themename.css, etc.

Some may expect any custom styles to go into a custom.css, etc.

3

@NickEwing

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.