Show menu navigation

Hello,

I have not been able to find an option to show the active menu option somewhere in the header. I would either like to have two options:

  • Change the color of the menu option (or underline it) that was last selected
  • Show the menu path somewhere in the header

Is that possible?

Thanks,
René

Hello René,

  1. Do you want to decorate current menu item?

  2. Do you mean breadcrumbs?
    https://en.wikipedia.org/wiki/Breadcrumb_(navigation)

Kind Regards, Roman.

I am just searching for a way to show visitors where they are on the site, eg by the two options I mentioned. Or is there no such feature in this theme?

Hello René,

Please try to do the following in order to add breadcrumbs to your website. Install and activate Breadcrumb NavXT plugin, go to your public_html/wp-content/themes/sydney folder via SFTP or cPanel, open header.php file with a text editor, add the following code at the bottom and save changes.

<div class="breadcrumbs" typeof="BreadcrumbList" vocab="https://schema.org/">
    <?php if(function_exists('bcn_display'))
    {
        bcn_display();
    }?>
</div>

Please note that you have to override modified header.php file in a child theme (just copy it to the child theme folder) in order to avoid losing your modification after theme update.

Please let me know if you need more help.

Kind Regards, Roman.

Hi Roman,

No, after reading your link, I do not mean breadcrumbs. I just mean that the page/menu option that I am currently viewing, gets displayed in a different color, just to indicate the “active” page so to speak… Is there an option to do so? Note that I have meanwhile switched to Sydney PRO, but it may not make a difference to my question.

Hello René,

Please try to use the following CSS code.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

#mainnav ul li.current-menu-item a {
    color: green;
}

You can replace green with other color or color code. You can use a color picker to find the right color code, for example this color picker:
https://www.w3schools.com/colors/colors_picker.asp

Kind Regards, Roman.

That’s exactly what I meant, thanks!

You are welcome René!

Kind Regards, Roman.