like to have a double coloumn of products rather than a single column only

[rohgepresst]

I am really having a problem with my theme. I have 8 product images that are in two rows of 4 on desktop.

but on mobile they align themeselves in one single column and the user must scroll a yuper long way to get to the other content on the page.

How can I put these products in 4 rows of two….

[Kyle – SUPPORT]

Gi

Try adding this to your custom css:

@media only screen and (max-width: 479px) { 
.woocommerce .products .product {
  float: left!important;
  width: 50%;
}
}

– Kyle

[rohgepresst]

This reply has been marked as private.

[David Martin – Support]

Hi,

Are you referring to your shop page or homepage?

On your homepage this should create two column layout on small screens:

@media only screen and (max-width: 479px) { 
	.home .spb-row-container .col-sm-3 {
	  width: 50%!important;
	  float: left;
	}
}

And on your shop page:

@media only screen and (max-width: 479px) {
	.woocommerce .products .product {
	  width: 50%!important;
	  float: left!important;
	}
}

Thanks.

[rohgepresst]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

In this case you should use the page id, if you need to find it check the source of the html page it will exist a class with the page id like in this screenshot.

https://www.dropbox.com/s/efneihb4cqk9k2z/Screenshot%202015-07-01%2019.57.22.png?dl=0

@media only screen and (max-width: 479px) {
.page-id-15444 .products .product {
width: 50%!important;
float: left!important;
}
}

-Rui

[rohgepresst]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Did you cleared the cache of the site and the browser?

-Rui

[rohgepresst]

This reply has been marked as private.

[Kyle – SUPPORT]

Thanks Rui

[rohgepresst]

yea great job —- i will be out of all you hair shortly! I promise. Almost done.

[Kyle – SUPPORT]

No problem 🙂