Woocommerce messes with front page CSS

I started developing a site using the Leto theme (actually a child theme). As we’ve got further into the project we’ve realised that we need to use Woocommerce to deliver the functionality required. However having installed Woocommerce, it has altered the look of the front page, with some items not centred as they should be. Also, if I change the the Woocommerce settings to make the store page the shop page instead of the front page, it messes with the formatting again!

Here’s what the page SHOULD look like:


Here’s what Woocommerce has done:


Any thoughts? It’s driving me nuts!


Think I’ve resolved this one! The .col-md-9 css class was set by the Woocommerce header to have a width of 75%. Changing it as follows restored the expected behaviour:

    .col-md-9 {

Okay Robin, thanks for sharing that! :slight_smile:

Please feel free to ask any other questions that you might have in future.

Kind Regards, Roman.