Fixed header working fine for desktop but not for windows phone

Question

I have my website in asp.net with master page. I have used below css for header div of my website to make it fixed.
.header{
z-index: 3001;
position:fixed;
top:0px;left:0px;
background-color: white;
width:100%;height:150px;
This is working fine for desktop. But on mobile, I can only see my 50% of width of the header. On the right side of 50%, nothing is cmg. As in just white background is cmg. On the right side, I have a button which when I click is working. To say, controls are
not visible but they are working if u manage to click at the exact place. Any fix for this?
I want to add that this problem is coming only in windows phone. So need fix for that.

Answer 1

Hi User1508372,
The
Developing for Windows Phone forum is for developers to discuss writing Windows Phone apps, not for writing web sites targeting Windows Phone IE.
My guess here is that your site may be running into a compatibility mode or different versions of IE on desktop and on Windows Phone, but you don't provide enough information about which versions of IE you are using. Windows Phone 8 uses IE 10 (similar to
Windows 8).
The folks in the
Windows Phone IT Pro forums are likely to know more about the Windows Phone IE specifics, and the folks in the IE or ASP.Net forums will know more about how to target your HTML for different versions.
--Rob