I'm a new Shopify user and am setting up my first store and am running into an issue that I could use some help with on the Brooklyn Theme.
I've set up my collections along with their individual banner images and they all appear at the top of the collection pages right below the top header menu just as I'd like them to. But I notice that as you scroll down the page, the image acts like a background parallax image and the page's content begins to scroll over top of the image. I'd like to prevent that and have the image be a simple hero banner at the top of the page (just below the header0 and NOT have the page's content scroll over the image as you scroll down.
Does anyone have any advise as to where I can disable this parallax effect?
Solved! Go to the solution
Send me your store url
This is an accepted solution.
1. Asset->theme.js->find "theme.cache.$collectionImage.css"->comment this function.
If you have standard shopify theme then its already coded.
1. Add image in collection as feature image.
2. Check in theme editor on collection page if you have option to enable/ disable for that.