Blog

    You are here:  
  1. Home
  2. Blog
  3. Wordpress
  4. How to make Woocommerce mobile site 2 columns for products to show
Tuesday, 23 November 2021 08:30

How to make Woocommerce mobile site 2 columns for products to show

Written by 

Go to Appearance > Customize > Additional CSS by pressing the blue Publish button;

ul.products li.product{

width: 46.411765%;

float: left; margin-right: 5.8823529412%;

}

ul.products li.product:nth-of-type( 2n ) {

margin-right: 0;

}

@media ( min-width: 768px ) {

ul.products li.product:nth-of-type( 2n )

{ margin-right: 5.8823529412%;

}

}

Read 3413 times Last modified on Tuesday, 23 November 2021 08:33
Published in Wordpress
Tagged under
CNERIS.COM

Latest from CNERIS.COM

More in this category: « How to disable directory browsing in WordPress Move additional information from product tab under add to cart button in WooCommerce »
back to top

About CNERIS

CNERIS is a company formed by young entrepreneurs from different sectors of the world of information. Our team consists of programmers, system administrators, graphic designers.

Search