Cannot remove header back button
I am using jQuery mobile to build a demo project for class. I have created a navbar at the top and when I click on an item in the navbar, a back button is automatically generated and placed under the navbar. This back button extends out the bottom of the navbar, making my navbar look funny.
I have applied both data-backbtn=”false” and data-nobackbtn="true" to the header div and neither one fixes it. You can see the problem at
http://filmfriendapp.com.
My code is as follows.
- <div data-role="header" class="nav-glyphish" data-id="ff_navbar" data-backbtn=”false” data-nobackbtn="true">
- <div data-role="navbar" class="nav-glyphish">
- <ul>
- <li><a href="#movies_page" id="movies_btn" class="<?php if($page=='movies') echo 'ui-btn-active ui-state-persist';?>" data-icon="fficons">Movies</a></li>
- <li><a href="#tickets_page" id="tickets_btn" class="<?php if($page=='tickets') echo 'ui-btn-active ui-state-persist';?>" data-icon="fficons">Tickets</a></li>
- <li><a href="#social_page" id="social_btn" class="<?php if($page=='social') echo 'ui-btn-active ui-state-persist';?>" data-icon="fficons">Social</a></li>
- <li><a href="#settings_page" id="settings_btn" class="<?php if($page=='settings') echo 'ui-btn-active ui-state-persist';?>" data-icon="fficons">Settings</a></li>
- </ul>
- </div><!-- /navbar -->
- </div><!-- /header -->