Highlight the Active Page in Header Menu

Help Please. I know that I am missing a simple style setting or parameter. Thank you.

This is my Test Site:

https://www.baidacharitablesociety.org

In your navigation links write this

Example:

For Homepage <?php if (is_home()){ echo "class=\"current\"";}?>

For Category Page <?php if (is_page('products-page')){ echo "class=\"current\"";}?>

For Contact us Page <?php if (is_page('contact-us')){ echo "class=\"current\"";}?>

Assuming you’re using li tags, put the above codes in there and style it the way you want.

Thank you. Not sure I did it correctly.

I inserted the (is_page(‘about’) between

as follows, to no affect. (The Home page is working as I want by default with this theme) And I would like the affect to be dynamic with the wp_list_pages which follows.

<div class=”TB”>

• ” href=”<?php echo get_option(‘home’); ?>/”><span>Home</span>
• <?php if (is_page(‘about’)){ echo “class=\”current\””;}?>

<?php $pages = wp_list_pages(‘sort_column=menu_order&title_li=&echo=0’);
$pages = preg_replace(‘%]+)>%U’,’<span>’, $pages);
$pages = str_replace(‘‘,'</span>’, $pages);
echo $pages; ?>

<? unset($pages); ?>
</div>

And you did style the .current class right?

I added the following to the stylsheet.

/* Current */
.current { background: #5c75aa; color:#fff; }

And this line to the header.php

• <?php if (is_page(‘about’)){ echo “class=\”current\””;}?>

You have to add it inside the li tag of your navigation.

Another words your navigation should look something like this..

<ul id="nav">
        	<li id="nav1" <?php if (is_home()){ echo "class=\"current\"";}?>><a href="<?php echo get_option('home'); ?>">Home</a></li>
            <li id="nav2" <?php if (is_page('products-page')){ echo "class=\"current\"";}?>><a href="<?php echo get_option('home'); ?>/products-page">Buy Cookies</a></li>
            <li id="nav3" <?php if (is_category('articles')){ echo "class=\"current\"";}?>><a href="<?php echo get_option('home'); ?>/category/articles">Articles & Ideas</a></li>
            <li id="nav4" <?php if (is_page('contact-us')){ echo "class=\"current\"";}?>><a href="<?php echo get_option('home'); ?>/contact-us">Contact Us</a></li>
        </ul>

Thank you again. I am sorry for being clueless…..

It appears within

see below, line 11.

This is the entire section again:

<!– start header LINE 1 –>
<div class=”header”>
<div id=”header-TXT”>
<h1>/”><?php bloginfo(‘name’); ?></h1>
</div>
<div class=”TB”>

• ” href=”<?php echo get_option(‘home’); ?>/”><span>Home</span>
• <?php if (is_page(‘about’)){ echo “class=\current\””;}?>

<?php $pages = wp_list_pages(‘sort_column=menu_order&title_li=&echo=0’);
$pages = preg_replace(‘%]+)>%U’,’<span>’, $pages);
$pages = str_replace(‘‘,'</span>’, $pages);
echo $pages; ?>

<? unset($pages); ?>
</div>

Just follow the format I pasted above and it should work flawlessly.

Thank you. I am not getting how to do this. When you write “navigation” I am assuming the header.php?

There is no reference like this in the theme so I dont know what to do with it.

<ul id=”nav”>
<li id=”nav1″

Of course there is no reference to that as that is the code for my site. You should have your own but similar to it.

You just have to follow the format I gave you.

the test site is :

https://www.baidacharitablesociety.org/wp-admin with a PW:baida

If you change it I will see will follow it.

please. :):)

Been at this specific thing for nearly 2 days……you can’t believe how much I have read.

Ok go check out the site now and click on each menu link

Since you posted your password here, don’t forget to change it ASAP.!!