Nav bar drop down menu highlights in homepage

  • rickytherhino

    #21116

    rickytherhino

    #21117

    Has anyone tried this fix yet? I’m too much of a newbie to figure it out. What should I change the style to?

    Anonymous

    #21119

    @ Prasanna,

    Are you still having this issue? If you are, can I have admin access to your test site?

    @ Ricky,

    If you want to give me access to your admin site, I can take a quick look for you.

    You can send the login info securely using my contact form here:

    http://www.joshlobe.com/contact-me/

    Anonymous

    #21120

    @ Josh – I’m gonna attend the class now.. Will mail you the PW later..

    Anonymous

    #21121

    I think I’m getting closer to solve this issue. In my test site ( http://test,prasannasp.net ) if you look at the “Test” menu item (next to Blog), it is not highlighted. I’ve done almost all changes to this menu. But I didn’t succeed in changing the ancestor color to white. Yet to figure it out.

    But the same thing happens to child menus as well. If a child menu has no link, then wordpress recognizes is as current menu. So you’ve to change its style as well.

    I’ve left the “Test2” menu item as it is for reference purpose. Let me know, if anybody wants to play with it, I’ll give you access to my admin area.

    Here is the code I’ve used to fix the issue.

    #header-menu > li.menu-item-113.current-menu-item	{background: url(images/sprite_h.png) left -3px repeat-x #101010;
    }

    #header-menu > li.menu-item-113.current-menu-item > a {
    color: #fff;
    }

    #header-menu > li.menu-item-113.current-menu-item:hover {
    background: url(images/sprite_h.png) left -100px repeat-x #eee;
    }

    #header-menu > li.menu-item-113.current-menu-item:hover > a {
    color: #000;
    }

    Note: menu-item-113 is the ID of “Test” menu

    rickytherhino

    #21122

    @Josh

    PW sent. Thanks for taking a look. I’ve been entering my menu items in as a custom menu.

    Daniel

    Anonymous

    #21123

    @ Daniel,

    Check your site now and see if this is how you were wanting the navigation menu to look.

    rickytherhino

    #21124

    @Josh,

    Yes but it is still doing it. I want the black color instead of light but right now I have the URL set to # to keep it black. If you set it to black and remove the # for the URL, the menu item turns white when it should stay black and just not be clickable. I hope I’ve made sense…

    Daniel

    Anonymous

    #21125

    Yahoooo! I solved it! See the “Test” menu in my test site – http://test.prasannasp.net

Viewing 10 posts - 11 through 20 (of 23 total)

  • You must be logged in to reply to this topic.
Graphene Themes Forum