• We've added extra Spam Protection. if you get problem with account registration / registration rejected. please contact us
Admin

Moving xenForo SideBar from Right to Left

Admin

Executive Member
Staff member
Administrator
Joined
Dec 31, 2015
Messages
1,567
Reaction score
2,983
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

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

King

New Member
Registered
Joined
Oct 4, 2019
Messages
4
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
 

King

New Member
Registered
Joined
Oct 4, 2019
Messages
4
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