I was looking to do the same, that is, make the sidebar smaller and the content larger. I tried adding the CSS as suggested and it looks fine on my desktop computer but when I look at it on a mobile phone the sidebar doesn’t drop to under the content like it should instead it sort of cascades down beside the main content. Something like this Pr
Also I am setting up a shop and on mobile devices the woocommerce content looks like it is floated right, which looks a little odd as it leaves space on the left. Is there a way I can get this to behave as other content? It would look better centered or on the left.
Any help greatly appreciated.