WooCommerce - excelling eCommerce
Make catalog page responsive with fixed product image size (4 posts)

  1. leesangmu
    Posted 1 year ago #


    I am building up ecommerce page with Twenty thirteen theme and woocommerce.

    I changed woocommerce.css to fix the size of products on the catalog page as follows;

    .woocommerce-page ul.products li.product {
    float: left;
    margin: 0 3.8% 2.992em 0;
    padding: 0;
    position: relative;
    width: 210px; <-- I changed it from 22%
    margin-left: 0;

    But it is not responsive anymore.

    Can anyone give a hint for me?


  2. Roy Ho
    Posted 1 year ago #

    Pixels is not a responsive measurement...You need percentage..

  3. leesangmu
    Posted 1 year ago #

    Thanks for the reply.

    How can I do that like your splashingpixels.com front page or http://aestheticapparatus.com/store/ ?

    The size of the products are fixed and they are responsive.

  4. Roy Ho
    Posted 1 year ago #

    You need to look into CSS media queries...Or build your site based on a Twitter Bootstrap framework...

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WooCommerce - excelling eCommerce
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.