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
Post a Comment