[Resolved] Lost "Home" in the menu

[Keith Messinger]

For a while Home was showing up but while messing with things it no longer shows up. When at home the page “From the rucksack” also is gone but on any other page it shows up.

Would it be possible when on a page that the menu link for that page still shows but with a different color?

The URL is http://www.onceagreenberet.com.

Thank,
Keith

[Tom]

You’ll just need to re-add it to the menu using this guide: http://codex.wordpress.org/WordPress_Menu_User_Guide

To make a menu item have a unique color, you need to add a class to it and then add some CSS to apply to that class.

What color were you hoping for?

Let me know 🙂

[Keith Messinger]

Update to where I am.

Every thing is working as expected except, when I am on any page (even sub-pages) the menu for that particular page disappears when I hover over it. I don’t think that is expected behavior.
For example: http://onceagreenberet.com/two-armies/ -move your mouse up to From the rucksack and it disappears.

Thanks,

Keith

PS: I don’t have any idea what I did to get it all working. I guess I had something messed up in the navigation customization.

[Tom]

You need to set the current background to something other than white.

Your text is hovering white, so the current background should be the hover green, for example.

That should fix it for you.

[Keith Messinger]

Hi Tom,
The background is set to a color not white. You can see that in action by hovering over any choice on the navigation menu except, if you hover over the name of the page you are actually on, it turns white. It is still clickable though and reloads the page as it should.

This is the css for any url on the menu except the page you are on. The example here is Islam: What they say it is.

.main-navigation .main-nav ul li > a:hover, .main-navigation .main-nav ul li.sfHover > a {
background-color: #444c38;
color: #ffffff;
}

This the css for the nav url Home, when you are actually on that page.
.main-navigation .main-nav ul .current-menu-item > a:hover, .main-navigation .main-nav ul .current-menu-parent > a:hover, .main-navigation .main-nav ul .current-menu-ancestor > a:hover, .main-navigation .main-nav ul .current_page_item > a:hover, .main-navigation .main-nav ul .current_page_parent > a:hover, .main-navigation .main-nav ul .current_page_ancestor > a:hover, .main-navigation .main-nav ul .current-menu-item.sfHover > a, .main-navigation .main-nav ul .current-menu-parent.sfHover > a, .main-navigation .main-nav ul .current-menu-ancestor.sfHover > a, .main-navigation .main-nav ul .current_page_item.sfHover > a, .main-navigation .main-nav ul .current_page_parent.sfHover > a, .main-navigation .main-nav ul .current_page_ancestor.sfHover > a {
background-color: #ffffff;
color: #ffffff;
}
These values came from FireBug, inspecting items with Style:hover. So somehow the wrong css is being applied in the nav menu, consistently to the name of the page you are on.

Thanks Tom. I appreciate your effort on this. I am a mod at WordPress dot org and know how hard it is to track down problems.

Keith
http://www.onceagreenberet.com

[Tom]

Hi Keith,

It looks like you have your current background and current text set to #FFFFFF.

Can you take a look and see if that’s the case?

If not, can you email me with login details so I can poke around?

Thanks!

[Tom]

Thanks for letting me take a look.

Here’s a screenshot of what I’m seeing: https://www.generatepress.com/wp-content/uploads/2014/09/current-menu.jpg

The current background and text color are set to white, which would explain the issue you’re having.

Let me know if that makes sense or not 🙂

[Keith Messinger]

I thought that just using background would do it. I didn’t consider the current settings background thinking they would change when I saved.
I am a dunce.

So background current is for whatever page is showing?

Thanks!

Keith

[Tom]

That’s correct – “current” is shown when you’re on that specific page, or a child of that page.

[Author]

Posts