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

Answer 2

You may also be able to find some assistance here http://forums.asp.net/