jquery mobile - forcing panel open on wider screens

Question

I\'ve been trying to test my jquery mobile app on multiple devices. I currently have a panel that is opened via swipe or clicking on a \'menu\' button.

However, on

Answer 1

I am facing the problem right now and I found the solution of mJay really useful. However it would be great to use media queries instead, something like this perhaps:

 @media (min-width:35em){
    .ui-panel{
        width:30em;
    }
    .ui-panel-close { width:30em; }
}