Moving xenForo SideBar from Right to Left

[Bi0S Emerald Member Posts:12,183 Threads:12,128 Reputation 31]

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: 250px;
@property "/sidebar";
}