Collection header images -fixed background position

Collection header images -fixed background position

Shopify Partner
16 0 3

I recently used code to edit the sizing of my collection header images on just the mobile site. The code I used has worked perfectly on the image resize but has stopped my header images from having a 'fixed background position' so they no longer move on my screen. Can anyone tell me how to edit the the following code so it doesn't affect the animation setting? 


@media (max-width: 767px) { .animate--fixed>img:not(.zoom):not(.deferred-media__poster-button) { height: 60vh; margin-top: 0px; position: relative } }

Reply 1 (1)

Shopify Partner
12321 2551 3715


Please share your store URL & the screenshot of what you want!


If helpful then please Like and Accept Solution | Email: |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app