Tutorial 2x Hiển thị các submenu khi hover qua các tab ở navigation XenForo 2

[PVS]

Hiển thị các submenu khi hover qua các tab ở navigation XenForo 2

Đây là một cách giải quyết kỳ lạ và chỉ áp dụng cho các liên kết navigation chính, không áp dụng cho account/conversation/alerts. Ngoài ra, điều này sẽ không hoạt động nếu bạn có rất nhiều liên kết sử dụng scroller theo mặc định.

Đặt trong extra.less

@media (min-width: (@xf-responsiveWide + 1))
{
    .has-no-touchevents .p-nav, .has-no-touchevents .p-sectionLinks
    {
        .p-navEl[data-has-children]
            {
                position: relative;
                &:hover:not(.is-selected) .menu
                {
                    display: block;
                    opacity: 1;
                    top: @header-navHeight;
                    z-index: @zIndex-4;
                    
                }
                .p-navEl-splitTrigger { pointer-events: none; }
        }
        .hScroller { overflow: visible; }
        .hScroller-scroll
        {
            margin-bottom: 0 !important;
            overflow: visible;
            padding-bottom: 0 !important;
        }
    }
    .has-no-touchevents .p-sectionLinks .p-navEl[data-has-children]:hover:not(.is-selected) .menu { top: @header-subNavHeight; }
}

Lưu lại và thưởng thức.

Chúc các bạn thành công.

Nguồn: xenforo.com​