php - Dynamic Menu drops pages?|Programmer puzzle solving

I've created a Dynamic Menu that highlights the selected page and colors for example the blog page "red" while the other links (home, about, contanct) remain white.

My question is how can I make the Dynamic Menu work when say the blog goes to /blog/page/2/ and have the blog remain red instead of dropping the highlight?

Here's the code for my menu.


< nav id="menu" class="mid" role="navigation">
  < ?php wp_nav_menu( array( 'theme_location' => 'primary-menu' ) ); ?>
< /nav>

Then, I register the menu inside the functions.php


add_action( 'init', 'register_my_menu' );
    function register_my_menu() {
        register_nav_menu( 'primary-menu', __( 'Primary Menu' ) );
    }

Here's the CSS that highlights the .current-menu-item

#menu .current-menu-item a { opacity: 1.0; }

This is when the Menu is Active on example/work

This is when the Menu is Active on the example/blog *just the first blog page though

This is the menu when it switches to example/blog/page/2, example/work/showcase/website1337

How, can I make it so that the Dynamic Menu detects that /page/2 is still associated with the parent page "/blog/, /work/" and is still highlighted like images 1 and 2?

Thanks :3

I've created a Dynamic Menu that highlights the selected page and colors for example the blog page "red" while the other links (home, about, contanct) remain white.

My question is how can I make the Dynamic Menu work when say the blog goes to /blog/page/2/ and have the blog remain red instead of dropping the highlight?

Here's the code for my menu.


< nav id="menu" class="mid" role="navigation">
  < ?php wp_nav_menu( array( 'theme_location' => 'primary-menu' ) ); ?>
< /nav>

Then, I register the menu inside the functions.php


add_action( 'init', 'register_my_menu' );
    function register_my_menu() {
        register_nav_menu( 'primary-menu', __( 'Primary Menu' ) );
    }

Here's the CSS that highlights the .current-menu-item

#menu .current-menu-item a { opacity: 1.0; }

This is when the Menu is Active on example/work

This is when the Menu is Active on the example/blog *just the first blog page though

This is the menu when it switches to example/blog/page/2, example/work/showcase/website1337

How, can I make it so that the Dynamic Menu detects that /page/2 is still associated with the parent page "/blog/, /work/" and is still highlighted like images 1 and 2?

Thanks :3

Share Improve this question edited Jan 11, 2019 at 20:56 Glorfindel 6113 gold badges10 silver badges18 bronze badges asked Feb 6, 2013 at 23:22 Monstr92 1371 silver badge10 bronze badges

Add a comment |

1 Answer 1

Sorted by: Reset to default 1

Test:

#menu current_page_ancestor a { opacity: 1.0; }

Check this Menu Item CSS Classes

Programmer puzzle solving

php - Dynamic Menu drops pages?

1 Answer 1

Articles related to this article

comment list (0)