PC version menu is fine, mobile sidebar menu cannot be displayed. Could you tell me how to solve it?
Click to view demo
attach source code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" id="animate-css" href="https://cdn.bootcss.com/animate.css/3.5.2/animate.min.css" type="text/css" media="all">
<link rel="stylesheet" id="bootstrap-css" href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css" type="text/css" media="all">
<link rel="stylesheet" id="style-css" href="https://demo.nicetheme.xyz/grace-style1/wp-content/themes/grace/style.css" type="text/css" media="all">
</head>
<body class="off-canvas-nav-left">
<div id="header" class="navbar-fixed-top">
<div class="container">
<div class="logo"></div>
<div role="navigation" class="site-nav primary-menu">
<div class="menu-fix-box">
<ul>
<li><a href="">1</a></li>
<li><a href="">2</a></li>
<li><a href="">3</a></li>
</ul>
</div>
</div>
<div class="navbar-mobile hidden-md hidden-lg">
<button class="navbar-toggle collapsed">
|||
</button>
<div class="collapse navbar-collapse">
<ul>
<li><a href="">1</a></li>
<li><a href="">2</a></li>
<li><a href="">3</a></li>
</ul>
</div>
<div class="body-overlay"></div>
</div>
</div>
</div>
<div id="fullpage">
<div class="section">
<h1></h1>
</div>
<div class="section">
<h1></h1>
</div>
<div class="section">
<h1></h1>
</div>
<div class="section">
<h1></h1>
</div>
<div class="section">
<h1></h1>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.7.8/jquery.fullPage.js"></script>
<script>
$(document).ready(function(){
$("-sharpfullpage").fullpage({
//verticalCentered:false,//falsetrue
sectionsColor:["black","yellow","red","blue","green"],//sectionbackground-color
anchors:["page1","page2","page3","page4","page5"],//[]
//scrollingSpeed:500,//700
navigation:true,
navigationPosition:"right",//
navigationTooltips:["page1","page2","page3","page4","page5"]//
});
});
</script>
<script type="text/javascript">
/* <![CDATA[ */
var suxingme_url = {};
/* ]]> */
</script>
<script type="text/javascript" src="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://demo.nicetheme.xyz/grace-style1/wp-content/themes/grace/js/plugins.min.js"></script>
<script type="text/javascript" src="https://demo.nicetheme.xyz/grace-style1/wp-content/themes/grace/js/suxingme.js"></script>
</body>
</html>