XenForo Fixed Sidebar structure! (1 Viewer)

Elessya 

HackLink.us
Joined
Mar 28, 2020
Credits
29,386
Rating - 100%
EN: How to pin XenForo right sidebar?
Extra.lss Let's open the template
Let's enter the codes below at the bottom.

TR: XenForo Sağ Menü Nasıl Sabitlenir?
Extra.lss Şablonunu Açalım en alt
kısma kodları yapıştıralım ve artık
sağ menü yapışkan olucak mauseyle
aşağı indirince üstde kalmıcak oda inicek
böylelikle arada boşluk kalmıcak.

Code:
@m-sticky-top: 40px;
@media (min-width: (@xf-responsiveWide + 1px)) {
    .p-body-main--withSidebar {
        display: flex;
        align-items: flex-start;
        .p-body-content {
            flex: 1 1 auto;
            display: block;
            width: ~"calc(100% - @xf-sidebarWidth)";
        }
        .p-body-sideNav, .p-body-sidebar {
            flex: 0 0 auto;
            display: block;
        }
        .p-body-sideNavCol, .p-body-sidebarCol {
            display: none;
        }
        @supports ((position: sticky) or (position: -webkit-sticky)){
            .p-body-sidebar {
                position: -webkit-sticky;
                position: sticky;
                top: 10px;
                & when (@xf-publicNavSticky = primary) or (@xf-publicNavSticky = all) {
                    top: @m-sticky-top * 1px + 10px;
                }
            }
        }
    }
}
 

Users who are viewing this thread

Top