Drop down navigation menu
-
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]
-
Menu styling is a theme thing. However, I see no such “jobs” link on your menu.
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.
You have a custom theme, so you should contact its developer. I can’t advise on CSS from a picture.
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 --> -
This reply was modified 8 years, 2 months ago by
The topic ‘Drop down navigation menu’ is closed to new replies.
