Hello,
I’m helping a small business update their Shopify website from the deprecated debut theme over to the Dawn theme. I’m running into an issue trying to implement a fixed background image to provide a parallax scrolling effect. I’m able to add the background image into any specific shopify section using css but the background-attachment: fixed code doesn’t seem to work. I’ve tried adding the code into the base.css file and also into custom css section on the customize theme page. The code I’m trying looks like this:
#shopify-section-template–16818871435482__9793d778-0979-4742-bb52-542ce0133a90 > div{background: url(“https://cdn.shopify.com/s/files/1/0279/1646/8362/files/gearbackground_SGWebsite.jpg?v=1688262940”) !important; background-position: center center;
background-attachment: fixed;
I’d greatly appreciate any help or insight anyone has to offer and I’m happy to provide more info to troubleshoot. Thanks!