2 Columns in Mobile view

Hi All,
I have tried to add the code below to enable 2 columns however with the parent (Storefront and then Child theme applied) the 2 columns still do not show in mobile view. Does anyone know why this code does not apply to the On Sale child theme?

.site-main ul.products li.product {
	width: 46.411765%;
	float: left;
	margin-right: 5.8823529412%;
}

.site-main ul.products li.product:nth-of-type(2n) {
	margin-right: 0;
}

@media (min-width: 768px) {
	.site-main ul.products li.product:nth-of-type(2n) {
		margin-right: 5.8823529412%;
	}
}

This is for 2 columns in the mobile view of a category list of products.

• This topic was modified 6 years, 3 months ago by davidfguk.