Fixed Product Image On Page Scroll, Focal Theme

[ridhi_jain]

I want to achieve this in my focal theme! Can anyone please help me with this? Thanks in advance!
Preview link of my website - https://upthv3rblkypasxx-63517819136.shopifypreview.com

I tried this sol -
@media screen and (min-width: 1000px){ .product–thumbnails-left .product__media{position:sticky; top:0;} }
and it worked for me, But there’s an issue. When I scroll it down the nav bar covers a little bit of image on the top! I have attached a ss for the same.

[KetanKumar]

@ridhi_jain

We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?

[ridhi_jain]

I’m on a mac on chrome

[KetanKumar]

@ridhi_jain

can you try this

@media screen and (min-width: 1000px){ .product--thumbnails-left .product__media{position:sticky; position: -webkit-sticky; top:0;} }