I removed navbar from layout and implemented in view like this but I don't get toggle in mobile view

27 views
Skip to first unread message

Steve Joe

unread,
May 1, 2016, 2:23:29 AM5/1/16
to web...@googlegroups.com
I want toggle navigation button when opened from mobile and not like this. My aim was to get nav bar elements transparently in the view and not enclosed in any box. I wanted a view as in mynavbar.png. And now I am missing toggle button.

My code in index.html:
<body>
   
       
         {{if response.menu:}}
            {{=response.logo or ''}}

          {{=MENU(response.menu, _class='nav navbar-nav',li_class='dropdown',ul_class='dropdown-menu')}}
    
        {{pass}}
      
  
         <ul class="nav navbar-nav navbar-right" style="margin-left:7em">
            {{='auth' in globals() and auth.navbar('Welcome',mode='dropdown') or ''}}
          </ul> 
  
        </body>



I had removed the following from layout.html:

 <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
      <div class="container-fluid">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          {{=response.logo or ''}}
        </div>
        <div class="collapse navbar-collapse navbar-ex1-collapse">
          <ul class="nav navbar-nav navbar-right">
            {{='auth' in globals() and auth.navbar('Welcome',mode='dropdown') or ''}}
          </ul>
          {{if response.menu:}}
          {{=MENU(response.menu, _class='nav navbar-nav',li_class='dropdown',ul_class='dropdown-menu')}}
          {{pass}}
        </div>
      </div>
    </nav>
Capture.PNG
mynavbar.PNG
Reply all
Reply to author
Forward
0 new messages