Sticky sidebar

xF2 Template Modification Sticky sidebar

DareSec

Inforc3r
Staff member
Administrator
Moderator
S.V.I.P Member
Collaborate
Registered
Joined
May 25, 2019
Messages
1,372
Points
523

Reputation:

DareDevil submitted a new resource:

Sticky sidebar - Sticky sidebar

To make a floating sidebar, just add extra.less, such code.

Less:
@m-sticky-top: 48px;

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

Read more about this resource...
 

MIXER

Member
Registered
Joined
Dec 6, 2019
Messages
12
Points
13

Reputation:

Where we can see a demo? Can you do code like UI.X for xenforo 1? There sticky sidebar are activate only on scrool up and hide on scrool down.. Demo you can found on official demo page of this theme (if you want I can get it to you).
 

thuylinh

Active member
Registered
Joined
Feb 5, 2020
Messages
36
Points
18

Reputation:

This code error on XF 2.2 when the p-body-content column is shrunk. To fix this error, you have to modify the code a bit.
 
Top