Fixed position does not work on my phone

[newcoder1010 3]

Hello, 

I have a phone number block. I applied the below css to have the phone number fixed. It works on my laptop when I make the screen less than 768px. However, when I visit the page on my galaxy phone, that phone no block not fixed. 

.PhoneNo {
    position: fixed;
    z-index: 2;
}

I have done that many times. I am not sure why it would not work now. Please advise. 

[dsonesuk 898]

maybe a support issue, check out http://caniuse.com/#feat=css-fixed

[likecoding 0]

I have Android 7.0 phone. Chrome version  on my phone is 58. I have few sites. Those work on my phone just fine. Only that specific site has the issues. I am totally lost and so desperate to fix it. 

Thanks.

[newcoder1010 3]

Update -

The block I placed it at the header. So when I scroll down i do not see the block at all. I started seeing it fixed position only when I scroll back up. If you can provide any input, it would be great. But in laptop browser, block is always in fixed position.

Edited October 26, 2017 by newcoder1010