Remove menu current item

  • Sand

    #5903

    Hi everybody

    Sorry for my English ^ ^

    I would remove the rectangle that appears when you are on a page (menu item current?). But I would to keep the rectangle for hover.

    Here is a picture of what I want :

    graphene.jpg

    Thanks ^^

    Mod

    Kenneth John Odle

    #32913

    Moved to Support. Please post in the correct section next time.

    Sand

    #32914

    Oh sorry. I did not pay attention.

    Mod

    Kenneth John Odle

    #32915

    This is best accomplished in a child theme.

    You will need to search through the style.css file, find any menu elements with current in their name, and restyle them appropriately.

    How familiar are you with CSS?

    Sand

    #32916

    I installed a child theme. In this, I found current item (with firebug) and modified but it don’t work.

    Do you want the website address for looking ?

    /* Top level header menu, hover and current state */
    #header-menu > li:hover,
    #header-menu > li.current-menu-item,
    #header-menu > li.current-menu-ancestor {
    background: url(images/sprite_h.png) left -300px repeat-x #eee;
    }
    #header-menu > li:hover > a,
    #header-menu > li.current-menu-item > a,
    #header-menu > li.current-menu-ancestor > a {
    color: #000;
    }
    #header-menu > li:hover > a > span,
    #header-menu > li.current-menu-item > a > span,
    #header-menu > li.current-menu-ancestor > a > span {
    color: #484848;
    }
    #header-menu > li.menu-item-ancestor:hover > a,
    #header-menu > li.current-menu-item > a,
    #header-menu > li.current-menu-ancestor > a {
    background-position: -877px -192px;
    }
    Mod

    Kenneth John Odle

    #32917
    Quote:
    modified but it don’t work.

    Be sure to refresh your browser cache and your server cache, if you are using one.

    Quote:
    Do you want the website address for looking ?

    This is always a good idea in any forum, and often part of the forum rules, as it is here. But you have included it in your profile, so we can see it just fine.

    Try this:

    #header-menu > li:hover, #header-menu >
    li.current-menu-item, #header-menu > li.current-menu-ancestor
    {
    background: none;
    border: 2px solid #FFFFFF;
    }

    #header-menu > li:hover > a, #header-menu > li.current-menu-item >
    a, #header-menu > li.current-menu-ancestor > a
    {
    color: #FFFFFF;
    }

    It works in Firebug; YMMV.

    Sand

    #32919

    Work with Firebug but not if I changed the code 🙁

    ronangelo

    #32920
    /* Current menu background */
    #header-menu .current-menu-item {
    background: #0582D2;
    }

    /* Current menu font */
    #header-menu .current-menu-item a {
    color: #FFF;
    }

    if this doesn’t work, add !important in the property.

    background: #0582D2 !important;

    also, your header image is almost half a megabyte.

    Sand

    #32921
    Quote:
    /* Current menu background */

    #header-menu .current-menu-item {

    background: #0582D2;

    }

    /* Current menu font */

    #header-menu .current-menu-item a {

    color: #FFF;

    }

    if this doesn’t work, add !important in the property.

    background: #0582D2 !important;

    I have not “Current menu background” in style css…

    Quote:
    also, your header image is almost half a megabyte.

    I changed and the header image is 180Ko now ^^

    ronangelo

    #32922
    Quote:

    I have not “Current menu background” in style css…

    ?

    just try to add this in your child theme style.css or graphene custom css

    #header-menu .current-menu-item {
    background: #0582D2 !important;
    }

    #header-menu .current-menu-item a {
    color: #FFF !important;
    }
Viewing 10 posts - 1 through 10 (of 11 total)

You must be logged in to reply to this topic.