Support » Plugin: WP Bootstrap Menu » Sub Menu not working with WooCommerce

Viewing 2 replies - 1 through 2 (of 2 total)
  • I ended up working with a different method.
    https://github.com/twittem/wp-bootstrap-navwalker

    Plugin Author sajjadrad

    (@sajjadrad)

    For using sub menu in hover mode you must add this style :

    .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;
    }

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Sub Menu not working with WooCommerce’ is closed to new replies.