My WordPress menu based on Twitter bootstrap creates menu-item and not page-item

I've got a dynamic menu being generated, but instead of generating a page-item it generates a menu-item. What I would like it to do is generate page-items and all the rest of it so that I can show or highlight the current page a user is visiting.

my code is :

// header.php

<?php // Loading WordPress Custom Menu
    wp_nav_menu( array(
        'container_class' => 'collapse navbar-collapse navbar-ex1-collapse',
        'menu_class'      => 'nav navbar-nav',
        'menu_id'         => 'main-menu',
        'walker'          => new Cwd_wp_bootstrapwp_Walker_Nav_Menu()
) ); ?>

And then in the functions.php I have

add_action( 'after_setup_theme', 'cwd_wp_bootstrapwp_theme_setup' );
if ( ! function_exists( 'cwd_wp_bootstrapwp_theme_setup' ) ):
function cwd_wp_bootstrapwp_theme_setup() {
    // Adds the main menu
    register_nav_menus( array(
        'main-menu' => __( 'Main Menu', 'cwd_wp_bootstrapwp' ),
    ) );
}
endif;

I've got a dynamic menu being generated, but instead of generating a page-item it generates a menu-item. What I would like it to do is generate page-items and all the rest of it so that I can show or highlight the current page a user is visiting.

my code is :

// header.php

<?php // Loading WordPress Custom Menu
    wp_nav_menu( array(
        'container_class' => 'collapse navbar-collapse navbar-ex1-collapse',
        'menu_class'      => 'nav navbar-nav',
        'menu_id'         => 'main-menu',
        'walker'          => new Cwd_wp_bootstrapwp_Walker_Nav_Menu()
) ); ?>

And then in the functions.php I have

add_action( 'after_setup_theme', 'cwd_wp_bootstrapwp_theme_setup' );
if ( ! function_exists( 'cwd_wp_bootstrapwp_theme_setup' ) ):
function cwd_wp_bootstrapwp_theme_setup() {
    // Adds the main menu
    register_nav_menus( array(
        'main-menu' => __( 'Main Menu', 'cwd_wp_bootstrapwp' ),
    ) );
}
endif;

• menus
• twitter-bootstrap

Share Improve this question edited Feb 21, 2014 at 1:51 kaiser 50.9k2727 gold badges151151 silver badges245245 bronze badges asked Feb 21, 2014 at 1:29 Dominic FrancisDominic Francis 101 2

• Do you mean highlight the menu item in the menu? – Brad Dalton Commented Feb 21, 2014 at 2:08
• Yes, so if you're on the blog page highlight the menu item that says blog. – Dominic Francis Commented Feb 21, 2014 at 8:17

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 0

This is an example of CSS code which works with one specific theme.

You may need to change the classes depending on your theme.

.nav-primary .current-menu-item > a  {
color: blue;
background-color: white;
}

This will highlight the background color of the current menu item to white and you can also change the font color which in this case is blue.