Grow your CSS skills. Land your dream job.

Want to visible submenu on its active page in WordPress

  • # January 10, 2012 at 2:06 pm

    I clone a site into wordpress, But having problem with submenu,
    http://facebookmenupages.com/product/

    in this page when hove on product link the sub menu is displayed, but after moveout the cursor sub menu disappeared. But i want to make it visible after move out cursor, that means active page submenu will be visible on it page. how can do that. original site is http://www.payvment.com/products/

    # January 10, 2012 at 3:19 pm

    You could do this:

    .current-menu-item .sub-menu { display: block; }
    # January 12, 2012 at 11:00 am

    thanks, Mostly working When the page first load on product page, when i move mouse to about page & after that move out mouse, the product page submenu not showing again. Which is showed on original site http://www.payvment.com/products/

    # January 12, 2012 at 3:21 pm

    at http://www.payvment.com/products/ for product link using same submenu like other link with display: block but when u hover on another link, it turns their display: hidden to block which covers Product’s submenu links.
    As I dont know how your codes works, i cant help more about codes.

    # January 14, 2012 at 10:09 am

    on the menu http://www.payvment.com/products/

  • is contain .current-menu-item class, so if i add here another class called “open” using jquery , then the menu will work,
    I add this code on header, but its not working

    $(‘.current-menu-item’).addClass(‘open’);

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".