Moving WordPress Sidebar from Right to Left Twenty Twelve Theme

In WordPress Twenty Twelve Theme many people find it difficult to move the sidebar from the right side to the left side.

Well it is easy if you know how and i have put together instructions along with a video for this for you.

Simply add this code to the bottom of your style.css file and save and refresh your page to see the changes.

/*– move sidebar to the left fix by wperror.com –*/
@media screen and (min-width: 600px) {
.site-content {
float: right;
}
.widget-area {
float: left;
}
}

/* for IE8 and IE7 —————-*/
.ie .site-content {
float: right;
}
.ie .widget-area {
float: left;
}

If you are not using the Twenty Twelve them then try using this code instead of the above code

@import url(‘../twentytwelve/style.css’);

/*– move sidebar to the left fix by wperror.com –*/
@media screen and (min-width: 600px) {
.site-content {
float: right;
}
.widget-area {
float: left;
}
}

/* for IE8 and IE7 —————-*/
.ie .site-content {
float: right;
}
.ie .widget-area {
float: left;
}

Still unsure, then watch this video.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>