Title: Drop down navigation menu
Last modified: April 6, 2018

---

# Drop down navigation menu

 *  [clare99](https://wordpress.org/support/users/clare99/)
 * (@clare99)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/drop-down-navigation-menu-2/)
 * I am using the customiser to drag and drop page under the one I gave above. I
   was thinking it would give me a lovely drop down arrow that opens jobs. However,
   it had put the word JOBS directly underneath the word CANDIDATES with what looked
   like a bullet point. Is there a knack or plugin to get it to be a dropdown option?
 * Thanks!
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fdrop-down-navigation-menu-2%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 5 replies - 1 through 5 (of 5 total)

 *  Moderator [Steven Stern (sterndata)](https://wordpress.org/support/users/sterndata/)
 * (@sterndata)
 * Volunteer Forum Moderator
 * [8 years, 2 months ago](https://wordpress.org/support/topic/drop-down-navigation-menu-2/#post-10153672)
 * Menu styling is a theme thing. However, I see no such “jobs” link on your menu.
 *  Thread Starter [clare99](https://wordpress.org/support/users/clare99/)
 * (@clare99)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/drop-down-navigation-menu-2/#post-10153854)
 * I took it off again as it looked too bad.
 * What would I need to add to the theme to get it to drop down instead.
 * Ta
    -  This reply was modified 8 years, 2 months ago by [clare99](https://wordpress.org/support/users/clare99/).
 *  Thread Starter [clare99](https://wordpress.org/support/users/clare99/)
 * (@clare99)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/drop-down-navigation-menu-2/#post-10170615)
 * It looks like this
 * [⌊ photo menu_zpscmfcgj5i.png⌉⌊ photo menu_zpscmfcgj5i.png⌉[
    -  This reply was modified 8 years, 2 months ago by [clare99](https://wordpress.org/support/users/clare99/).
 *  Moderator [Steven Stern (sterndata)](https://wordpress.org/support/users/sterndata/)
 * (@sterndata)
 * Volunteer Forum Moderator
 * [8 years, 2 months ago](https://wordpress.org/support/topic/drop-down-navigation-menu-2/#post-10170759)
 * You have a custom theme, so you should contact its developer. I can’t advise 
   on CSS from a picture.
 *  Thread Starter [clare99](https://wordpress.org/support/users/clare99/)
 * (@clare99)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/drop-down-navigation-menu-2/#post-10189149)
 * They went AWOL and I took over but not sure of quite a bit of what has gone wrong.
   I tried adding it back and looking in the header php file but I can’t even see
   the word “jobs” in there even though it is added in the way I sent a photo of
 *     ```
       <?php
       /**
        * The template for displaying the header
        */
   
       ?><!DOCTYPE html>
       <html <?php language_attributes(); ?> class="no-js">
       <head>
       	<meta charset="<?php bloginfo( 'charset' ); ?>">
       	<meta name="viewport" content="width=device-width, initial-scale=1">
       	<link rel="profile" href="http://gmpg.org/xfn/11">
       	<?php if ( is_singular() && pings_open( get_queried_object() ) ) : ?>
       	<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
       	<?php endif; ?>
       	<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/css/bootstrap.min.css">
       		<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/css/font-awesome.min.css">
       		<!-- Custom Css -->
       		<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/css/style.css" >
       		<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/css/style-responsive.css" >
       		<link href="<?php bloginfo('template_url'); ?>/css/jcarousel.responsive.css" rel="stylesheet">
   
   
       	<?php wp_head(); ?>
       </head>
   
       <body>
       <header class="home-header">
       			<div class="container">
       				<div class="row">
       					<div class="col-md-3 col-sm-3 col-xs-12">
       						<div id="main-logo">
       						<?php print_r(get_custom_logo() );
       						//twentysixteen_the_custom_logo(); 
       						?> 
       							<!--<a href="index.html">
   
       								<img src="<?php //bloginfo('template_url'); ?>/images/main-logo.png" class="img-responsive" alt="Main Logo">	 -->
       							</a>
       						</div>
       					</div>
       					<div class="col-md-9 col-sm-9 col-xs-12">
       						<div id="header-right">
       							<ul class="list-unstyled">
       								<li>
       									<a href="#"><i class="fa fa-phone-square" aria-hidden="true"></i> <a href="#"><?php if ( function_exists( 'contact_detail' ) ) { contact_detail( 'phone' ); } ?></a>
       								</li>
       								<li>
       									<a href="mailto:<?php if ( function_exists( 'contact_detail' ) ) { contact_detail( 'email' ); } ?>"><i class="fa fa-envelope-square" aria-hidden="true"></i> <?php if ( function_exists( 'contact_detail' ) ) { contact_detail( 'email' ); } ?></a>
       								</li>
       							</ul>
       						</div>
       					</div>
       				</div>
       			</div>
       			<div class="main-nav">
       				<div class="container">
       					<div class="row">
       						<div class="col-md-12 col-sm-12 col-xs-12">
       							<nav class="navbar navbar-default">
       								<div class="container-fluid">
       									<!-- Brand and toggle get grouped for better mobile display -->
       									<div class="navbar-header">
       										<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
       										<span class="sr-only">Toggle navigation</span>
       										<span class="icon-bar"></span>
       										<span class="icon-bar"></span>
       										<span class="icon-bar"></span>
       										</button>
       									</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="#">Home</a></li>
       											<li><a href="#">About Us</a></li>
       											<li><a href="#">Clients</a></li>
       											<li><a href="#">Candidates</a></li>
       											<li><a href="#">Contact Us</a></li>
   
       										</ul> -->
       										<?php  $defaults = array(
           											 'menu_class'=> 'nav navbar-nav',//also add theme custome class 
           											 'menu'  => 'header_menu'   //menu name which give in wp admin.
       											);
       	          			 					wp_nav_menu($defaults); 
       	          			 			?> 
   
       									</div>
       									<!-- /.navbar-collapse -->
       								</div>
       								<!-- /.container-fluid -->
       							</nav>
       						</div>
       					</div>
       				</div>
       			</div>
       		</header> <!-- /header  -->
       ```
   

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Drop down navigation menu’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 5 replies
 * 2 participants
 * Last reply from: [clare99](https://wordpress.org/support/users/clare99/)
 * Last activity: [8 years, 1 month ago](https://wordpress.org/support/topic/drop-down-navigation-menu-2/#post-10189149)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics
