3 level of deep in the dropdown menu

Mauer Themes Support Narrator 3 level of deep in the dropdown menu

Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #4249
    msiri
    Participant

    is it possible to activate the dropdown menu instead of clicking with the hover?

    I should show 3 levels of depth: main category, secondary category and subcategory but this is not possible for me because once I have reached the 2nd level of depth I cannot open other levels.

    Thanks MS

    #4312
    Paul
    Keymaster

    Hello MS,

    Yes, you can change the default dropdown menu behavior so that the dropdowns are shown on hover instead of on click. To do that please copy this CSS code, go to Appearance > Customize > Additional CSS, paste the code and click the ‘Publish’ button.

    
    /* Bootstrap 3 - Navbar dropdown on hover */
    @media (min-width: 768px) {
    .sidebar-nav {padding: 9px 0;}
    .dropdown-menu .sub-menu {
      left: 100%;
      position: absolute;
      top: 0;
      visibility: hidden;
      margin-top: -1px;
    }
    .dropdown-menu li:hover .sub-menu {visibility: visible;}
    .dropdown:hover .dropdown-menu {display: block;}
    .nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {margin-top: 0;}
    .navbar .sub-menu:before {
      border-bottom: 7px solid transparent;
      border-left: none;
      border-right: 7px solid rgba(0, 0, 0, 0.2);
      border-top: 7px solid transparent;
      left: -7px;
      top: 10px;
    }
    .navbar .sub-menu:after {
      border-top: 6px solid transparent;
      border-left: none;
      border-right: 6px solid #fff;
      border-bottom: 6px solid transparent;
      left: 10px;
      top: 11px;
      left: -6px;
    }
    }
    

    As for the 3-level deep menu, this theme only supports 2-levels deep.

    Regards,
    Paul

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