WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. leesangmu
    Member
    Posted 8 months ago #

    Hello,

    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?

    http://wordpress.org/plugins/woocommerce/

  2. Roy
    Member
    Posted 8 months ago #

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

  3. leesangmu
    Member
    Posted 8 months 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
    Member
    Posted 8 months ago #

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

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.