Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 11, 2014 at 8:28 am #277425
    OblakJ

    I have an anchor link in top menu. Anchor is located in footer.

    Menu item has its own css class.

    I can’t hide “active” effect – current li item. border-bottom:0px; is not working.

    June 11, 2014 at 8:38 am #277431
    Dude

    Hi OblakJ!

    You can hide the “active” bar with:

    
.av-main-nav li:hover .avia-menu-fx, .current-menu-item > a > .avia-menu-fx, .av-main-nav li:hover .current_page_item>a>.avia-menu-fx{
display: none;
}

    If you just want to hide it for a specific menu item use the menu item id (or css class like:

    
li#menu-item-999:hover .avia-menu-fx, li#menu-item-999 > a > .avia-menu-fx, #menu-item-999:hover .current_page_item>a>.avia-menu-fx{
display: none !important;
}

    (the sample code above will change the styling of the menu item with the id 999).

    Cheers!
    Peter

    June 11, 2014 at 8:45 am #277432
    OblakJ

    Second one is a good solution, with one problem.

    Other “currently active” page styling is not styled properly.

    June 12, 2014 at 12:46 pm #278031
    Dude

    Hey!

    Can you post a link to an “active page” where the styling doesn’t work?

    Cheers!
    Peter

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.