XenForo Fixed Sidebar structure!

Status
Not open for further replies.
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;
                }
            }
        }
    }
}

🔒 Bu içeriği görmek için giriş yapın

 
Status
Not open for further replies.
136,313Threads
3,304,027Messages
328,123Members
luffaxLatest member
Top Bottom