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 Building Out WordPress Navigation The wp_nav_menu Function

Posted by Anne Padilla
Anne Padilla
4,772 Points

Menu icon refreshes page instead of showing menu.

When I click on the navigation in the top right it does absolutely nothing. I've tried logging out, switching the theme, using different browsers, etc. The error I get upon inspecting it is this: Failed to load resource: net::ERR_BLOCKED_BY_CLIENT

I can't really continue with the lesson until I get this figured out so some help would be great. Thank you!

3 Answers

Anne Padilla
Anne Padilla
4,772 Points
Anne Padilla
Anne Padilla
4,772 Points

here is my functions.php code

<?php

add_theme_support( 'menus' );

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( 'googlefont_css', 'http://fonts.googleapis.com/css?family=Asap: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.min.js', array('jquery'), '', true );
wp_enqueue_script ( 'main_js', get_template_directory_uri().'/js/app.js', array('jquery', 'foundation_js'), '', true );

}

add_action ( 'wp+wp_enqueue_scripts', 'wp_theme_js');

?>

Anne Padilla
Anne Padilla
4,772 Points
Anne Padilla
Anne Padilla
4,772 Points

I've disabled adblock and the error message went away, however it still does not display any pages.

Jacob Mishkin
Jacob Mishkin
23,117 Points
Jacob Mishkin
Jacob Mishkin
23,117 Points

try removing "wp+wp_enqueue_scripts" and only enqueuing: wp_enqueue_scripts it looks like this is the error that is not allowing you to have your JS loaded. to double check go into the dev tools of your browser and see if the Js is being loaded after you made the changes.