Viewing 4 replies - 1 through 4 (of 4 total)
  • You could have less products per row, or do away with the empty sidebar, or increase your page width. Your page is currently 1000px wide but the trend is for wider sites up to 1200px. Which way would you like to go?

    Thread Starter jmtokar

    (@jmtokar)

    Which way is easiest and would get the best results? I have tried to get rid of the sidebar before and didn’t have much luck. I also tried to reduce the image per row but I was unable to.

    This custom css should lose the sidebar:

    @media screen and (min-width: 48em) {
      .has-sidebar.woocommerce-page:not(.error404) #primary {
        width: 100%;
      }
    }
    

    Custom css can be entered at:
    Dashboard > Appearance > Customise > Additional CSS

    Unfortunately the search box is down at the bottom and there’s no quick fix for that.

    Alternatively, this will bump up the page width to 1200px but keep the sidebar:

    @media screen and (min-width: 48em) {
      .navigation-top .wrap, .wrap {
        max-width: 1200px;
      }
    }
    

    Try the Storefront or Virtue themes for something more WooCommerce friendly. You can always switch back to 2017.

    Thread Starter jmtokar

    (@jmtokar)

    Okay thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Product Image Size’ is closed to new replies.