View Single Post
Old 03-13-2016, 11:15 AM #1
napy8gen's Avatar
napy8gen napy8gen is offline
Administrator
 
Join Date: Dec 2015
Posts: 105
napy8gen napy8gen is offline
Administrator
napy8gen's Avatar
 
Join Date: Dec 2015
Posts: 105
Default How to change sidebar from left to right

In our styles there is sidebar version(the original one without stating it has sidebar). The sidebar is located on the left side.

To arrange to the right side, it does not need to change anything in the template only in css.

Go to style manager> style name(with sidebar)> Main CSS> scroll down to most bottom until you see> Additional CSS Definitions,

There are 2 boxes. Top and bottom. Bottom is used for controlling screens.

So use the top input box and paste below code in it but not at the top but at the most bottom of the input box content.

Quote:
/*------St vb3 Responsive CSS -------*/
/*----- SIDEBAR RIGHT SIDE ----------*/
/*----------------------------------*/
.sidebar {
float: right!important;
}
.mainContainer {
float: left!important;
margin-right: -350px; margin-left: 0px!important;
}
.mainContent {
margin-right: 350px!important; margin-left: 0px;!important
}
Attached Images
File Type: jpg additionalcssdefinitions.jpg (20.4 KB, 7 views)
napy8gen is offline   Reply With QuoteReply With Quote