Title: products alignment
Last modified: March 16, 2024

---

# products alignment

 *  Resolved [yazanessam](https://wordpress.org/support/users/yazanessam/)
 * (@yazanessam)
 * [2 years ago](https://wordpress.org/support/topic/products-alignment/)
 * I am using this custom css to make the products in mobile view be in two columns
   but it doesn’t work the products become smaller but still in one column 
   [@media](https://wordpress.org/support/users/media/)
   only screen and (max-width: 712px) { ul.products li.product {
 * width: 50%!important;
 *  padding: 10px !Important;
 *  display: inline-block !Important; } }
    -  This topic was modified 2 years ago by [yazanessam](https://wordpress.org/support/users/yazanessam/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fproducts-alignment%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Theme Author [codegearthemes](https://wordpress.org/support/users/codegearthemes/)
 * (@codegearthemes)
 * [2 years ago](https://wordpress.org/support/topic/products-alignment/#post-17506007)
 * Please update custom css with this code.
 *     ```wp-block-code
       @media only screen and (max-width: 712px) { 
       ul.products{
   
       grid-template-columns: repeat(2, 1fr) !important;
       } 
       }
       ```
   
    -  This reply was modified 2 years ago by [codegearthemes](https://wordpress.org/support/users/codegearthemes/).
 *  Thread Starter [yazanessam](https://wordpress.org/support/users/yazanessam/)
 * (@yazanessam)
 * [2 years ago](https://wordpress.org/support/topic/products-alignment/#post-17506645)
 * thanks, actually it works <3, so If I want to make it 3 columns for the tablet
   and ipad how it should be
    -  This reply was modified 2 years ago by [yazanessam](https://wordpress.org/support/users/yazanessam/).
    -  This reply was modified 2 years ago by [yazanessam](https://wordpress.org/support/users/yazanessam/).

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

The topic ‘products alignment’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/cosme/1.1.46/screenshot.png)
 * Cosme
 * [Support Threads](https://wordpress.org/support/theme/cosme/)
 * [Active Topics](https://wordpress.org/support/theme/cosme/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/cosme/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/cosme/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [yazanessam](https://wordpress.org/support/users/yazanessam/)
 * Last activity: [2 years ago](https://wordpress.org/support/topic/products-alignment/#post-17506645)
 * Status: resolved