Question

I made an WordPress Mobile Theme, on the single page i made the HEADER fixed, on iPhone if the view mode is landscape the header height is 50%, in css i write for the header { height:70px; } but just on the iPhone (landscape) the header height is 50%. Thx.

header css:

#header { width:100%; float:left; height:70px; }
.fixed { position:fixed; top:0; }

Answer 1

Just add this to your stylesheet. It will only trigger if the window is

@media only screen and (min-width : 321px) and (max-width: 480px) {
    #header { height:50%; }
}

You will also need to add this to the head tag of your page the following meta tag:

<meta name="viewport" content="width=device-width, minimum-scale=1.0">