Boodtrsp Navbar does not toogle since the time I have uploaded to Wordpress 4.5.

Hello all. I have made many bootstrap themes for WordPress but this is happening to me the first time. The toggle of navbar does not work on mobile view. Here si the link of my home page http://www.yei-uganda.org/. Bellow, I am also sending you the commands that are exciting in my functio.php file.: "<?php //Some simple code for our widget-enabled sidebar // custom menu example @ https://digwp.com/2011/11/html-formatting-custom-menus/ /** * Filters wp_title to print a neat <title> tag based on what is being viewed. * * @param string $title Default title text for current view. * @param string $sep Optional separator. * @return string The filtered title. */ function theme_name_wp_title( $title, $sep ) { if ( is_feed() ) { return $title; }

global $page, $paged;

// Add the blog name
$title .= get_bloginfo( 'name', 'display' );

// Add the blog description for the home/front page.
$site_description = get_bloginfo( 'description', 'display' );
if ( $site_description &amp;&amp; ( is_home() || is_front_page() ) ) {
    $title .= " $sep $site_description";
}

// Add a page number if necessary:
if ( ( $paged &gt;= 2 || $page &gt;= 2 ) &amp;&amp; ! is_404() ) {
    $title .= " $sep " . sprintf( __( 'Page %s', '_s' ), max( $paged, $page ) );
}

return $title;

}
add_filter( ‘wp_title’, ‘theme_name_wp_title’, 10, 2 );
/**

  • Enqueue scripts and styles
    */
    // Register Custom Navigation Walker

function wpt_register_js() {
wp_register_script(‘jquery.bootstrap.min’, get_template_directory_uri() . ‘/js/bootstrap.min.js’, ‘jquery’);
wp_enqueue_script(‘jquery.bootstrap.min’);
}
add_action( ‘init’, ‘wpt_register_js’ );
function wpt_register_css() {
wp_register_style( ‘bootstrap.min’, get_template_directory_uri() . ‘/css/bootstrap.min.css’ );
wp_enqueue_style( ‘bootstrap.min’ );
}
add_action( ‘wp_enqueue_scripts’, ‘wpt_register_css’ );
function wpb_widgets_init() {

register_sidebar( array(
    'name' =&gt; __( 'Sidebar 2', 'wpb' ),
    'id' =&gt; 'sidebar-2',
    'description' =&gt; __( 'The main sidebar appears on the right on each page except the front page template', 'wpb' ),
     'before_widget' =&gt; '',
    'after_widget' =&gt;'',
    'before_title' =&gt; '&lt;h3 class="widget-title"&gt;',
    'after_title' =&gt; '&lt;/h3&gt;',
) );

register_sidebar( array(
‘name’ => __( ‘Sidebar 3’, ‘wpb’ ),
‘id’ => ‘sidebar-3’,
‘description’ => ( ‘The main sidebar appears on the right on each page except the front page template’, ‘wpb’ ),
‘before_widget’ => ‘’,
‘after_widget’ => ‘’,
‘before_title’ => ‘<h3 class=“widget-title”>’,
‘after_title’ => ‘</h3>’,
) );
register_sidebar( array(
‘name’ =>
( ‘Sidebar 4’, ‘wpb’),
‘id’ => ‘sidebar-4’,
‘description’ => __( ‘Appears on the static front page template’, ‘wpb’ ),
‘before_widget’ => ‘’,
‘after_widget’ => ‘’,
‘before_title’ => ‘’,
‘after_title’ => ‘
’,
) );
}

add_action( ‘widgets_init’, ‘wpb_widgets_init’ );
function mytheme_setup() {

register_nav_menus(
array(
‘footer_nav’ => __( ‘Footer Menu’, ‘bootpress’ ),
‘top_menu’ => __( ‘Top Menu’, ‘bootpress’ )
)
);

}

//Register area for custom menu

//Code for custom background support
add_custom_background();

//Enable post and comments RSS feed links to head
add_theme_support( ‘automatic-feed-links’ );

// Enable post thumbnails
add_theme_support(‘post-thumbnails’);
set_post_thumbnail_size(520, 250, true);

?>"
I will appreite your assistant as this is an NGO page and they need it in order to collect money and attract volunteers.
Thank you in advance
Marina

So I took a look at the site real quick and in Chrome, I right clicked and selected inspect element on your site.

One of the first things I noticed is that the bootstrap js code is not being loaded on the site. In the inspect tool I get the following error.

http://www.yei-uganda.org/wp-content/themes/YEI-Site/js/bootstrap.min.js Failed to load resource: the server responded with a status of 404 (Not Found)

There are several other files that are also not being loaded as well. If you correct that it would probably work for you then.

Hope this helps you solve your problem. :)

Saj

Hi @mkli,

So I decided to take a look at your site again today and I noticed that you got bootstrap js loading, however, I have found a few things that could be causing some issues for you.

I noticed that you are loading many scripts in the head and some of those are being loaded in the footer as well. Some are also being loaded more then once and out of order.

Here is a recommendation.

1) list your CSS files before any SCRIPT files 2) remove any duplicate CSS and SCRIPT files 3) check the ordering of CSS and SCRIPT files

It's best practice that CSS file come before any script files to help with load blocking.

I see you have bootstrap.min.css called twice but only the first one is the one that loads, remove the second call.

works <link rel="stylesheet" type="text/css" href="http://www.yei-uganda.org/css/bootstrap.min.css" media="all" />

doesn't work 404 file not found <link rel='stylesheet' id='bootstrap.min-css' href='http://www.yei-uganda.org/wp-content/themes/YEI-Site/css/bootstrap.min.css?ver=a8a9cfb4face262683092aed637bc9c0' type='text/css' media='all'>

It is recommended that all your scripts come after the 2 very main scripts for bootstrap i.e. jquery.min.js and bootstrap.min.js.

Javascript ordering is very important, the first scripts that should load are these

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">< /script>
<script src="http://www.yei-uganda.org/wp-content/themes/YEI-Site/js/bootstrap.min.js">< /script>

then after that probably load the jquery migrate and then jQuery UI and it's respective plugins after it etc...

I see that in the < head> section you are loading jQuery v1.12.3 and also in the footer loading 1.11.1 you should load only 1 version of jQuery.

Sorry my message seems a little back and forth, I'm just trying to unravel everything that's going on.

After you are able to work some of these things out and it's still not working for you I can take another look.

Saj

P.S. I believe if you call this jquery ui that it contains all the jqueryui.com plugins in it's self so you don't need all the independent jquery ui plugin calls.

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

I just tested your site this time and it appears you did get the menu to work out :)

Saj