html - Bootstrap slider off-canvas is not working perfectly in mobile chrome browser -


i using bootstrap v3.2.0, creating theme. bootstrap working fine in system browser done, in testing mode came know slider not working fine on real devices. menu on left , has toggle button show left menu in small screen, on mobile or tabs appears , pushes body right body not slide it-self results size small , adjust in screen. should slide right. html is

<div class="navbar navbar-default" role="navigation" id="mainheader">       <div class="navbar-header">     <div class="clear"></div>     <div class="logo left">         abc company     </div>      <button type="button" class="navbar-toggle" data-toggle="collapse" data-    target=".navbar-collapse">         <span class="icon-bar"></span>         <span class="icon-bar"></span>         <span class="icon-bar"></span>     </button>  </div>      <div class="collapse navbar-collapse">       <ul class="nav navbar-nav header-float">         <li class="active"><a href="#">home</a></li>         <li><a href="#about">about</a></li>         <li><a href="#contact">contact</a></li>       </ul>     </div><!-- /.nav-collapse -->       </div>     <!-- /header -->      <div class="" style="">          <div class="row row-offcanvas row-offcanvas-left">             <div class="col-xs-6 col-sm-3 col-md-3 sidebar-offcanvas" id="mainmenu" role="navigation" style="margin-right: -15px;">                  <div class="" id="leftmenu">     <ul id="leftmenu">  <li class="active">home</li>     <li>link</li>     <li>link</li>  </ul> </div>             </div>                  <div id="maingrid" class="col-xs-12 col-sm-9 col-md-9 ">                     <div class="row">                         <p class="pull-left visible-xs">                             <button type="button" class="panel-button btn-    xs" data-toggle="offcanvas">                                     togglenav                                 </button>                            </p>                         </div>                          <div class="row" id="maincontents">                             body...                     </div>                 </div>             </div>             </div><!--/row--> 

css , js files not attached,bootstrap version mentioned above.


Comments

Popular posts from this blog

c++ - Difference between pre and post decrement in recursive function argument -

php - Nothing but 'run(); ' when browsing to my local project, how do I fix this? -

php - How can I echo out this array? -