Change the size of collection header images on mobile only

KAillustration
Shopify Partner
16 0 3

Does anyone know how to change the size of collection header images on mobile only using the following code but without affecting the animation image behaviour? I want to keep my settings of having a 'fixed background position' but edit the collection header image sizing as per the code below.

 

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

Replies 3 (3)
KAillustration
Shopify Partner
16 0 3

Great thanks! what is the solution? 

KAillustration
Shopify Partner
16 0 3

I am hoping to learn the code and do it myself if that is at all possible? 

BSS-Commerce
Shopify Expert
3477 461 520

Hi @KAillustration ,
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development