Admin

Moving xenForo SideBar from Right to Left

Admin

Admin

Executive Member
Staff member
Administrator
Joined
Dec 31, 2015
Messages
1,534
Reaction score
2,332
Points
113
XenForo submitted a new resource:

Moving xenForo SideBar from Right to Left - CSS to move the xenForo sidebar from right to left ( screenshot included )

Just add the following CSS to EXTRA.css

Admin Control Panel -> Appearance -> Styles & Templates -> Templates ( make you it's the correct style ) -> EXTRA.css


Add the contents below and save:

Code:
.mainContainer
{
float: right;
margin-left: -{xen:calc '@sidebar.width + 10'}px;
margin-right: 0px;
width: 100%;
}
 
.mainContent
{
margin-left: {xen:calc '@sidebar.width + 10'}px;
margin-right: 0px;
}
 
.sidebar
{
@property "sidebar";
font-size: 11px;
float: left;
width...
Read more about this resource...
 
Janik

Janik

New Member
Registered
Joined
Sep 13, 2019
Messages
3
Reaction score
0
Points
3
Age
36
Tell me, can I make a double sidebar?
 
K

King

New Member
Registered
Joined
Oct 4, 2019
Messages
2
Reaction score
1
Points
3
Age
29
The problem of a lot of theme fixed sidebar and right sidebar
Add, to the extra.less template
 
K

King

New Member
Registered
Joined
Oct 4, 2019
Messages
2
Reaction score
1
Points
3
Age
29
PHP:
/********* right sidebar  *********/
@media (min-width:900px){
[data-template="forum_list"] .p-body-main{
display:flex !important;
flex-wrap:wrap;
justify-content:space-between;
max-width:100%
}

/** fixed sidebar **/
.p-body-sidebar{
position:-webkit-sticky;
position:sticky;
top:70px;
flex:0 0 auto;
}
}
 
Top
AdBlock Detected

We get it, advertisements are annoying!

Sure, ad-blocking software does a great job at blocking ads, but it also blocks useful features of our website. For the best site experience please disable your AdBlocker.

I've Disabled AdBlock