Main page “Best Selling Products” mobile wiew

  • Hi there.

    Main page “Best Selling Products” mobile wiew problem.

    I want the two products to appear on the mobile. Currently (standard) only one product is displayed per line. The computer shows normally (3 products), that’s good.

    Thanks.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi @koivunahka

    Do you want to show two products per line only for the “Best Selling Products”, or for all product listings?

    If it’s just for the “Best Selling Products”, where is that located exactly?

    Thread Starter koivunahka

    (@koivunahka)

    Maybe is best: “All product listing”.

    I have code, but that working only “search product”: 

    .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%;
	}
}
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Main page “Best Selling Products” mobile wiew’ is closed to new replies.