Hi noamspitkowski,

You can't move the sidebar like this so please remove your old code because you will have problems with the style in the future and you will blame us for that.

The container of your website is like this as you can see:

(view on a new page)

If you want to make your container bigger (as in our Fashion demo) then you need to add a CSS code like this in your Custom CSS area:

/* Body: Large Screens */
@media (min-width: 1400px) {
    .container, .content-area {
        width: 1370px;
        max-width: 1370px;    
    }
    
    .vc-container .vc-parent-row.row-stretch_row>.vc_row,
    .vc-container .vc-parent-row.row-default {
        width: 1370px;
        max-width: 1370px;    
    }
    
    .woocommerce .products.columns-3 .product {
        width: 33.3%;
    }
}
/* Body: Large Screens */
@media (min-width: 1600px) {
    .container, .content-area {
        width: 1570px;
        max-width: 1570px;    
    }
    
    .vc-container .vc-parent-row.row-stretch_row>.vc_row,
    .vc-container .vc-parent-row.row-default {
        width: 1570px;
        max-width: 1570px;    
    }
    
    .woocommerce .products.columns-3 .product {
        width: 33.3%;
    }
}

P.S: Your question was a customization question and support doesn't offer customization services as we wrote on our support homepage and on this area but I decided to help you this time.

Please be aware as by doing customization if something happens like miss-editing files the responsibility is yours and we wont support you on finding the problem, as we are only guiding you how to get the results you need.

Have a great day!

Will set this ticket as solved from here.