---
title: "Two Product Columns in Mobile"
source: "https://docs.nexcess.com/software/kadence/two-product-columns-in-mobile/"
description: "To force your products into two columns in your archive pages on mobile rather than one column, add this to your custom css box in Theme Options: @media (max-wi…"
vertical: "Software"
area: "Kadence"
date: "2021-10-31"
last_modified: "2021-10-31"
---

# Two Product Columns in Mobile

To force your products into two columns in your archive pages on mobile rather than one column, add this to your custom css box in Theme Options:

```
 @media (max-width: 400px) {<br></br> .kad_product {<br></br>     width: 50%;<br></br>     float: left;<br></br>     }<br></br> }
```