Move sidebar from right to left

Replace following classes in your stylesheet

.content-area {
    float: right;
    margin: 0 -30% 0 0;
    width: 100%;
}

#secondary {
    float: left;
    overflow: hidden;
    width: 25%;
}

Thanks a bunch man!

cheers ??
Hayden.

Works perfectly on desktop but now the main content alignment is indented when reducing the browser window size.

Any ideas?

Cheers,
H

To make it responsive either you have to grid system of bootstrap

here is the help

Bootstrap Grid System

or

use media queries

Media Queries for Responsive Grid

I see lacking of both in your css

thanks man i’ll have to do some reading up on this.

Cheers,
Hayden