WordPress.org

Ready to get started?Download WordPress

Forums

WooCommerce - excelling eCommerce
Overlapping buttons and description on mobile sizes (2 posts)

  1. Simon Barnett
    Member
    Posted 1 year ago #

    WooCommerce is such a brilliant plugin (from my homies in cape town ek sé), but there's a constant issue I have with it: overlapping buttons and descriptions on shop and category pages on mobile sizes on all themes I've tried, including TwentyTwelve.

    My test is here
    A screenshot here.

    It's easily fixed with a line of css, for example:

    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
    width:129px !important;
    }

    ..but why not include that in the plugin.. I'm baffled??

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

  2. Simon Barnett
    Member
    Posted 1 year ago #

    This creates satisfactory product tiling on the Shop page:

    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width:129px !important;
    }
    
    .woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
    clear: none !important;
    }
    
    .woocommerce ul.products li.last, .woocommerce-page ul.products li.last {
    margin-right: 3.8% !important;
    }

    I may update the code to use media queries, but this will do for now.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic