XF 2.1 Stick Staff Bar

[LukeWolf]

Is there any way to make the staff bar sticky?

 

[Anacleto]

Is there any way to make the staff bar sticky?

Adding to the question. Is there a way to stick the staff bar when scrolling?
thanks.

 

[Old Nick]

Add this code to you extra.less template :

.p-staffBar {
    position: sticky;
    top: 0;
    z-index:400;
}

.p-navSticky {
    top: 35px !important;
}

 

[Anacleto]

Thanks!
i find this solution for better application. Inside Appearence -> template -> Page container

<xf:if is="$xf.visitor.is_moderator">
    <xf:css>
    .p-navSticky {top: 34px !important;}
    .p-staffBar {position: sticky;top: 0;z-index:900;}
    </xf:css>
</xf:if>

 

[Old Nick]

What's the difference in public view ?

 

[Anacleto]

What's the difference in public view ?

Whit your solution, all regular users will see the navbar under a transparent space above (34px of transparent space).
Whit this solution, instead, the css will apply only to moderating group. so regular user will not see that irregular behaviour.

 

[Old Nick]

Correct. Thanks.