Navigation bar issue [SOLVED]

tobyrice01 · November 5, 2014

If you go to my site: http://bluehawkvirtual.net/index.php/

You will see, that beside "Operations", the "Flights" box is blue and messed up.

Here is the entire code from my core_navigation.tpl file

Any ideas on how to make the Flights bar be like the others?

<nav class="navbar navbar-default" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
 <span class="sr-only">Toggle navigation</span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><?php echo SITE_NAME; ?></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
 <li><a href="<?php echo url(''); ?>">Home</a></li>
 <li class="dropdown">
 <a href="#" class="dropdown-toggle" data-toggle="dropdown">Corporate<b class="caret"></b></a>
 <ul class="dropdown-menu">
	 <li><a href="<?php echo url('/about'); ?>">About us</a></li>
	 <li><a href="<?php echo url('/staff'); ?>">Staff</a></li>
	 <li><a href="<?php echo url('/pilots'); ?>">Pilot Roster</a></li>
	 <li class="divider"></li>
<li><a href="<?php echo url('/pages/termsandconditionsregulations'); ?>">Terms,Conditions and SOP</a></li>
<li><a href="<?php echo url('/contact'); ?>">Contact Us</a></li>
 </ul>
 </li>
<li class="dropdown">
 <a href="#" class="dropdown-toggle" data-toggle="dropdown">Operations<b class="caret"></b></a>
 <ul class="dropdown-menu">
	 <li><a href="<?php echo url('/fleet'); ?>">Fleet</a></li>
	 <li><a href="<?php echo url('/pages/divisions'); ?>">Divisions</a></li>
	 <li><a href="<?php echo url('/pages/gallery'); ?>">Fleet Gallery</a></li>
	 </ul>



</li>
</ul>

<li class="dropdown">
 <a href="#" class="dropdown-toggle" data-toggle="dropdown">Flights<b class="caret"></b></a>
 <ul class="dropdown-menu">
	 <li><a href="<?php echo url('/schedules'); ?>">Schedules</a></li>
	 <li><a href="<?php echo url('/schedule/bids'); ?>">Bookings</a></li>
	 <li><a href="<?php echo url('/pireps/filepirep'); ?>">File Pirep</a></li>
	 <li><a href="<?php echo url('/acars'); ?>">Live Flights</a></li>
</ul>



</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<?php
if(Auth::LoggedIn() == false){
?>
 <li><a href="<?php echo url('/login'); ?>">Login</a></li>
 <li><a href="<?php echo url('/pages/pilotapplication'); ?>">Register</a></li>

 <?php
 }else{
 ?>
 <li><a href="<?php echo url('/logout'); ?>">Logout</a></li>

 <li class="dropdown">
 <a class="dropdown-toggle" data-toggle="dropdown">Pilot Center <b class="caret"></b></a>
 <ul class="dropdown-menu">
	 <li><a href="<?php echo url('/profile'); ?>">Profile</a></li>
	 <li><a href="<?php echo url('/downloads'); ?>">Downloads/Repaints</a></li>
	 <li><a href="<?php echo url('/pages/comingsoon'); ?>">Training</a></li>

 </ul>
 </li>
 <?php
 }
 ?>
</ul>
</div><!-- /.navbar-collapse -->
</nav>

servetas · November 5, 2014

Please try this one:

<nav class="navbar navbar-default" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
	 <span class="sr-only">Toggle navigation</span>
	 <span class="icon-bar"></span>
	 <span class="icon-bar"></span>
	 <span class="icon-bar"></span>
 </button>
 <a class="navbar-brand" href="#"><?php echo SITE_NAME; ?></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 <ul class="nav navbar-nav">
	 <li><a href="<?php echo url(''); ?>">Home</a></li>
	 <li class="dropdown">
		 <a href="#" class="dropdown-toggle" data-toggle="dropdown">Corporate<b class="caret"></b></a>
		 <ul class="dropdown-menu">
			 <li><a href="<?php echo url('/about'); ?>">About us</a></li>
			 <li><a href="<?php echo url('/staff'); ?>">Staff</a></li>
			 <li><a href="<?php echo url('/pilots'); ?>">Pilot Roster</a></li>
			 <li class="divider"></li>
<li><a href="<?php echo url('/pages/termsandconditionsregulations'); ?>">Terms,Conditions and SOP</a></li>
<li><a href="<?php echo url('/contact'); ?>">Contact Us</a></li>
	 </ul>
	 </li>
<li class="dropdown">
		 <a href="#" class="dropdown-toggle" data-toggle="dropdown">Operations<b class="caret"></b></a>
		 <ul class="dropdown-menu">
			 <li><a href="<?php echo url('/fleet'); ?>">Fleet</a></li>
			 <li><a href="<?php echo url('/pages/divisions'); ?>">Divisions</a></li>
			 <li><a href="<?php echo url('/pages/gallery'); ?>">Fleet Gallery</a></li>
			 </ul>



</li>
<li class="dropdown">
		 <a href="#" class="dropdown-toggle" data-toggle="dropdown">Flights<b class="caret"></b></a>
		 <ul class="dropdown-menu">
			 <li><a href="<?php echo url('/schedules'); ?>">Schedules</a></li>
			 <li><a href="<?php echo url('/schedule/bids'); ?>">Bookings</a></li>
			 <li><a href="<?php echo url('/pireps/filepirep'); ?>">File Pirep</a></li>
			 <li><a href="<?php echo url('/acars'); ?>">Live Flights</a></li>
 </ul>
</li>
</ul>



</li>
</ul>
<ul class="nav navbar-nav navbar-right">
 <?php
 if(Auth::LoggedIn() == false){
 ?>
	 <li><a href="<?php echo url('/login'); ?>">Login</a></li>
	 <li><a href="<?php echo url('/pages/pilotapplication'); ?>">Register</a></li>

	 <?php
	 }else{
	 ?>
	 <li><a href="<?php echo url('/logout'); ?>">Logout</a></li>

	 <li class="dropdown">
		 <a class="dropdown-toggle" data-toggle="dropdown">Pilot Center <b class="caret"></b></a>
		 <ul class="dropdown-menu">
			 <li><a href="<?php echo url('/profile'); ?>">Profile</a></li>
			 <li><a href="<?php echo url('/downloads'); ?>">Downloads/Repaints</a></li>
			 <li><a href="<?php echo url('/pages/comingsoon'); ?>">Training</a></li>

		 </ul>
	 </li>
	 <?php
	 }
	 ?>
 </ul>
</div><!-- /.navbar-collapse -->
</nav>

tobyrice01 · November 5, 2014

Works great, thanks!

May I ask what part was wrong?

servetas · November 5, 2014

Based on the code you have pasted, you were missing one </li> after the </ul> on line 47 and the part of code from line 40 to 47 should had been placed below line 37 (before the </ul>).

tobyrice01 · November 5, 2014

Huh...... Thanks! Now I'm a slightly better coder. lol

Buy yourself a rootbeer on me

tobyrice01 · November 5, 2014

Yet, I have another question.

I want to add a non-dropdown menu option called "Contact". I know how to do it, but not the exact code. I tend to flunk up the whole bar trying to do it.

What peice of code should I use for that?

servetas · November 5, 2014

The home menu is a non-dropdown menu too. This means that you can use it as an example. As soon as you get it, you will have to edit the url and the text.

<li><a href="<?php echo url(''); ?>">Home</a></li>

After that, it should be placed inside the navigation bar but not inside another menu. Based on your current file and if you want to place that in the end, the file at the end of the editing will be like this:

nav class="navbar navbar-default" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
	 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
			 <span class="sr-only">Toggle navigation</span>
			 <span class="icon-bar"></span>
			 <span class="icon-bar"></span>
			 <span class="icon-bar"></span>
	 </button>
	 <a class="navbar-brand" href="#"><?php echo SITE_NAME; ?></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
	 <ul class="nav navbar-nav">
			 <li><a href="<?php echo url(''); ?>">Home</a></li>
			 <li class="dropdown">
					 <a href="#" class="dropdown-toggle" data-toggle="dropdown">Corporate<b class="caret"></b></a>
					 <ul class="dropdown-menu">
							 <li><a href="<?php echo url('/about'); ?>">About us</a></li>
							 <li><a href="<?php echo url('/staff'); ?>">Staff</a></li>
							 <li><a href="<?php echo url('/pilots'); ?>">Pilot Roster</a></li>
							 <li class="divider"></li>
<li><a href="<?php echo url('/pages/termsandconditionsregulations'); ?>">Terms,Conditions and SOP</a></li>
<li><a href="<?php echo url('/contact'); ?>">Contact Us</a></li>
			 </ul>
			 </li>
<li class="dropdown">
					 <a href="#" class="dropdown-toggle" data-toggle="dropdown">Operations<b class="caret"></b></a>
					 <ul class="dropdown-menu">
							 <li><a href="<?php echo url('/fleet'); ?>">Fleet</a></li>
							 <li><a href="<?php echo url('/pages/divisions'); ?>">Divisions</a></li>
							 <li><a href="<?php echo url('/pages/gallery'); ?>">Fleet Gallery</a></li>
							 </ul>



</li>
<li class="dropdown">
					 <a href="#" class="dropdown-toggle" data-toggle="dropdown">Flights<b class="caret"></b></a>
					 <ul class="dropdown-menu">
							 <li><a href="<?php echo url('/schedules'); ?>">Schedules</a></li>
							 <li><a href="<?php echo url('/schedule/bids'); ?>">Bookings</a></li>
							 <li><a href="<?php echo url('/pireps/filepirep'); ?>">File Pirep</a></li>
							 <li><a href="<?php echo url('/acars'); ?>">Live Flights</a></li>
	 </ul>
</li>
<li><a href="<?php echo url('/contact'); ?>">Contact Us</a></li>
</ul>

<ul class="nav navbar-nav navbar-right">
	 <?php
	 if(Auth::LoggedIn() == false){
	 ?>
			 <li><a href="<?php echo url('/login'); ?>">Login</a></li>
			 <li><a href="<?php echo url('/pages/pilotapplication'); ?>">Register</a></li>

			 <?php
			 }else{
			 ?>
			 <li><a href="<?php echo url('/logout'); ?>">Logout</a></li>

			 <li class="dropdown">
					 <a class="dropdown-toggle" data-toggle="dropdown">Pilot Center <b class="caret"></b></a>
					 <ul class="dropdown-menu">
							 <li><a href="<?php echo url('/profile'); ?>">Profile</a></li>
							 <li><a href="<?php echo url('/downloads'); ?>">Downloads/Repaints</a></li>
							 <li><a href="<?php echo url('/pages/comingsoon'); ?>">Training</a></li>

					 </ul>
			 </li>
			 <?php
			 }
			 ?>
	 </ul>
</div><!-- /.navbar-collapse -->
</nav>

I would suggest you to keep a backup of this file and start making tests on your own. You will be able to understand how it works and where you have to put something.

tobyrice01 · November 5, 2014

Thanks a heap. Learning more every day. I seriously knew squat last week, and now I can use logic to figure out what works, with a little help from you Thanks for everything

Sign In

Navigation bar issue [SOLVED]

Recommended Posts

tobyrice01

Link to comment

Share on other sites

servetas

Link to comment

Share on other sites

tobyrice01

Link to comment

Share on other sites

servetas

Link to comment

Share on other sites

tobyrice01

Link to comment

Share on other sites

tobyrice01

Link to comment

Share on other sites

servetas

Link to comment

Share on other sites

tobyrice01

Link to comment

Share on other sites

Join the conversation