• 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 to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Menu styling is a theme thing. However, I see no such “jobs” link on your menu.

    Thread Starter clare99

    (@clare99)

    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.
    Thread Starter clare99

    (@clare99)

    It looks like this

     photo menu_zpscmfcgj5i.png

    • This reply was modified 8 years, 2 months ago by clare99.
    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    You have a custom theme, so you should contact its developer. I can’t advise on CSS from a picture.

    Thread Starter clare99

    (@clare99)

    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.