title: Sliding panel in jquery mobile [data-role="panel"]
body: <p>I've created sliding panel using jquery mobile , i want decrease the width size of the panel , i dont know how to do it?! I googled alot but didnt find correct one <br/>
  my code:</p>
  
  <pre><code>&lt;div data-role="page" id="home" class="jqm-demos ui-responsive-panel" data-title="Home"&gt;
      &lt;div data-role="panel" id="myPanel" data-theme="a" data-dismissible="true" class="ui-responsive-panel"&gt;
          &lt;div id="menu"&gt;
              &lt;ul&gt;
                  &lt;li class="active"&gt;&lt;a href="#home" class="contentLink"&gt;Home &lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#home" class="contentLink"&gt;My profile &lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#home" class="contentLink"&gt;My Score &lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#home" class="contentLink"&gt;Ask Questions &lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div data-role="header" data-position="fixed"&gt;
          &lt;h1&gt;Home&lt;/h1&gt;
          &lt;a href="#myPanel" data-role="button" data-display="reveal" data-position="right" data-icon="gear" data-reveal="reveal" data-dismissible="true"&gt;Menu&lt;/a&gt;
      &lt;/div&gt;
  </code></pre>