Is there a way to adjust the position of the navbar-toggle button http://prntscr.com/5sldgb within the navbar after changing its height?
Here is the HTML code:
<div class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<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>
<img class="navbar-brand" src="assets/images/logo.png"/>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav pull-right">
<li><a href="#index">Home</a></li>
<li><a href="#about">About Us</a></li>
<li><a href="#Example">Example</a></li>
<li><a href="#team">Our Team</a></li>
<li><a href="#Example">Example</a></li>
<li><a href="#enquire">Enquire Now</a></li>
<li><a href="#Example">Example</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div><!--/.navbar -->
The CSS code can be found in the JS Fiddle link provided.
JSFiddle link: http://jsfiddle.net/24duac9g/
Thank you!