Disabling zoom on Collection list media if hovering over

Solved

Disabling zoom on Collection list media if hovering over

iHavPet
Excursionist
66 0 6
Accepted Solution (1)

Raj-webdesigner
Shopify Partner
355 89 85

This is an accepted solution.

Add This css in your Base.css File 

.card:hover .media.media--hover-effect>img:first-child:only-child, .card-wrapper:hover .media.media--hover-effect>img:first-child:only-child {
    transform: scale(1) !important;
}

Are you looking for Shopify Developer then your search is over I will help you


If you require further help to optimize your store, please don’t hesitate to reach out.


This contribution will always benefit you and you will get my full help easily and you can contact me easily.


Your Willpower Contribution Link

:-

❤️Tip❤️

Contect On My Mail :-Mail@gmail.com


View solution in original post

Reply 1 (1)

Raj-webdesigner
Shopify Partner
355 89 85

This is an accepted solution.

Add This css in your Base.css File 

.card:hover .media.media--hover-effect>img:first-child:only-child, .card-wrapper:hover .media.media--hover-effect>img:first-child:only-child {
    transform: scale(1) !important;
}

Are you looking for Shopify Developer then your search is over I will help you


If you require further help to optimize your store, please don’t hesitate to reach out.


This contribution will always benefit you and you will get my full help easily and you can contact me easily.


Your Willpower Contribution Link

:-

❤️Tip❤️

Contect On My Mail :-Mail@gmail.com