Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

WordPress WordPress Theme Development WordPress Header and Footer Templates Porting existing headers and footers into WordPress

Posted by Jazib Shahzad
Jazib Shahzad
2,243 Points

Menu Bar above my site is not appearing

I did the same as Zac but the menu bar above the site is not appearing as shown in the video I check my code thrice but it seem correct.Can anyone HELP ME??????

Bram Dijkhuis
Bram Dijkhuis
5,746 Points
Bram Dijkhuis
Bram Dijkhuis
5,746 Points

Without any code examples it's kind of impossible to tell what the problem is.

2 Answers

Jazib Shahzad
Jazib Shahzad
2,243 Points
Jazib Shahzad
Jazib Shahzad
2,243 Points

Header.php Code:

<!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title><?php wp_title(); ?></title>

        <?php wp_head(); ?>

      </head>

  <body>
    <header class="row no-max pad main">
  <h1><a class='current' href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
  <a href="" class="nav-toggle"><span></span>Menu</a>
  <nav>
    <h1 class="open"><a class='current' href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
    <ul class="no-bullet">
      <li class="current parent"><a class='current' href="js/index.html">Portfolio</a>
        <ul class="sub-menu">
          <li><a href="js/item.html">Portfolio Item</a></li>
          <li><a href="js/item.html">Portfolio Item</a></li>
          <li><a href="js/item.html">Portfolio Item</a></li><!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title><?php wp-title(); ?></title>
    <?php wp_head(); ?>
      </head>

  <body <?php  body_class(); ?>>
    <header class="row no-max pad main">
  <h1><a class='current' href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
  <a href="" class="nav-toggle"><span></span>Menu</a>
  <nav>
    <h1 class="open"><a class='current' href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
    <ul class="no-bullet">
      <li class="current parent"><a class='current' href="js/index.html">Portfolio</a>
        <ul class="sub-menu">
          <li><a href="js/item.html">Portfolio Item</a></li>
          <li><a href="js/item.html">Portfolio Item</a></li>
          <li><a href="js/item.html">Portfolio Item</a></li>
          <li><a href="js/item.html">Portfolio Item</a></li>
        </ul>
      </li>
      <li class="parent"><a href="js/blog.html">Blog</a>
        <ul class="sub-menu">
          <li><a href="js/single-post.html">Single Post</a></li>
          <li><a href="js/author.html">Author Page</a></li>
        </ul>
      </li>
      <li><a href="js/about.html">About</a></li>
      <li><a href="js/contact.html">Contact</a></li>
    </ul>
  </nav>
</header>

          <li><a href="js/item.html">Portfolio Item</a></li>
        </ul>
      </li>
      <li class="parent"><a href="js/blog.html">Blog</a>
        <ul class="sub-menu">
          <li><a href="js/single-post.html">Single Post</a></li>
          <li><a href="js/author.html">Author Page</a></li>
        </ul>
      </li>
      <li><a href="js/about.html">About</a></li>
      <li><a href="js/contact.html">Contact</a></li>
    </ul>
  </nav>
</header>

Footer.php Code:

    <div class="footer-clear"></div>
<footer class="row no-max pad">           
  <p>Copyright <?php echo date('Y'); ?></p>
</footer>

    <?php wp_footer(); ?>

  </body>
</html>

Index.php Code:

<?php get_header(); ?>
<h1>Index file</h1>
<?php get_footer(); ?>

function.php Code:

<?php

function wpt_theme_styles() {

    wp_enqueue_style('foundation_css', get_template_directory_uri() . '/css/foundation.
        css');
    wp_enqueue_style('normalize_css', get_template_directory_uri() . '/css/normalize.css'
    );
    wp_enqueue_style('normalize_css', 'http://fonts.googleapis.com/css?family=Asp:400,700,400italic,700italic' );
    wp_enqueue_style('main_css', get_template_directory_uri() . '/style.css');
}
add_action( 'wp_enqueue_scripts', 'wpt_theme_styles');

function wpt_theme_js() {

    wp_enqueue_script( 'modernizr_js', get_template_directory_uri() . '/js/modernizr.js','', '', false );
    wp_enqueue_script( 'foundation_js', get_template_directory_uri() . '/js/foundation.js',array('jquery'), '', true );
    wp_enqueue_script( 'main_js', get_template_directory_uri() . '/js/app.js',array('jquery', 'foundation_js'), '', true ); 
}
add_action( 'wp_enqueue_scripts', 'wpt_theme_js' );





?>
Paul Yarnelle Lacsina
Paul Yarnelle Lacsina
6,425 Points
Paul Yarnelle Lacsina
Paul Yarnelle Lacsina
6,425 Points

Check your user settings. Maybe "show toolbar when viewing site" is unchecked.

Stanley Thijssen
Stanley Thijssen
22,831 Points
Stanley Thijssen
Stanley Thijssen
22,831 Points

Your code is pretty hard to check like this and i dont see a html tag in your header. You can do a check on what errors you get from your wordpress theme that's installed.

You can do this by turning the WP_DEBUG mode on in your wp_config file in the main wordpress folder. WP_DEBUG should be true to turn it on instead of the default false.