Making 3rd level pages in menu slide out instead of indenting

Home Forums Premium Themes Support Forum CyberChimps Making 3rd level pages in menu slide out instead of indenting

This topic contains 1 reply, has 2 voices, and was last updated by  Vallari (CyberChimps Team) 6 months, 4 weeks ago.

  • Author
    Posts
  • #258852

    mark15
    Participant

    Cyberchimps Pro theme defaults to the third level menu being indented under second level items. I would like them to slide out horizontally when the second level item is moused over. Similar to how the top level navigation drops down the second level.

  • #258923

    Hi,

    This can be achieved using custom CSS. Please add the below CSS under Theme Options > Design > Custom CSS:

    .main-navigation .nav li ul li ul {
    display:none;
    }
    .main-navigation .nav li ul li.menu-item-has-children:hover ul
    {
    display: block;
    position: absolute;
    left: 0;
    z-index: 1000;
    border: 1px solid #000;
    padding: 5px 0;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    }

You must be logged in to reply to this topic.