Overlapping buttons and description on mobile sizes

  • Simon Barnett

    (@simbasounds)


    10 years, 9 months 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/

Viewing 1 replies (of 1 total)
  • Thread Starter Simon Barnett

    (@simbasounds)

    10 years, 9 months 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.

Viewing 1 replies (of 1 total)
  • The topic ‘Overlapping buttons and description on mobile sizes’ is closed to new replies.