JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://demos.jquerymobile.com/1.4.2/css/themes/default/jquery.mobile-1.4.2.min.css">
<script src="http://demos.jquerymobile.com/1.4.2/js/jquery.mobile-1.4.2.min.js"></script>
<header data-role="header" id="header" data-id="header" class="header" data-theme="a" data-position="">
<div data-role="navbar" class="ui-navbar" role="navigation">
<ul class="ui-grid-b">
<li class="ui-block-a">
<a href="#main_menu" data-transition="reveal" class="f-menu menu_control ui-link ui-btn"><span>Open left panel</span></a>
</li>
fahskdjfhkjahdskfjh
asd
f
asdf
sad
f
asdf
sadf
asdf
sadf
asdf
sadf
asdf
asdf
asdf
asdf
sadf
sadf
sadf
asdf
sadf
sdaf
sadf
sadf
asdf
asdf
sadf
</ul>
</div>
</header>
<section data-role="page" id="product_details" data-title="category page" data-url="product_details" tabindex="0" class="ui-page ui-page-theme-a ui-page-active">
<div class="ui-panel-wrapper ui-panel-animate ui-panel-page-content-position-left ui-panel-page-content-display-reveal ui-panel-page-content-open">
<div role="main" class="ui-content single_product">
...
</div>
</div>
</section>
<div data-display="reveal" data-position="left" data-role="panel" data-theme="a" id="main_menu"...
JavaScript
( function($) {
} ) ( jQuery );