I want the hornnav to display on the Ipad, when horizontal, like it does on on larger screen.
When the ipad is portrait view, I'd like the mobile version.

http://eastbayfixture.com/3/

I've tried this, but the it does not show the mobile menu on portrait Ipad and smaller devices.



@media only screen and (max-width: 1024px) {

.wrapper960 {
width:100% !important;
}

.wrapper960, .content_background, #header {margin: 0 auto;}

/* Hide default hornav menu */
.hornav, #socialmedia {display:block !important;}
/* Show mobile hornav menu */
.slicknav_menu {display:none;}

.header-1, .header-2 {display:none;}

}