iPhone orientation HTML hiding

Question

Is there a way using JavaScript to hide a div element, when the iphone changes to portrait mode?

One of my own, [previous questions](http://stackoverflow.com/questions/2323281/can-js-jquery-determine-the-orientation-of-the-iphone), might be worth a quick read. — David Thomas, Dec 07 '10 at 01:37

score 1 · Answer 1 · answered Feb 14 '11 at 13:03

1

@media all and (orientation:portrait){
    #divID {
        display: none;
    }
}

Pop that in your CSS ;-)

answered Feb 14 '11 at 13:03

Ben Collier

618
4
13

score 0 · Answer 2 · answered Feb 14 '11 at 13:27

you could do a lil js "trick":

var elem = document.getElementById('elemID');
window.onorientationchange = function(){
    if(document.body.offsetWidth == 960){ //don't remember the best way to retrieve body width atm
        elem.style.display = "none";      
    }else{
        elem.style.display = "block";   
    }
}

iPhone orientation HTML hiding

2 Answers2