Collection header images -fixed background position

Collection header images -fixed background position

KAillustration
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)

dmwwebartisan
Shopify Partner
12321 2551 3715

@KAillustration 

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

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  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