Title: Multiple columns on mobile version
Last modified: March 22, 2022

---

# Multiple columns on mobile version

 *  Resolved [Cesare](https://wordpress.org/support/users/cezareluke/)
 * (@cezareluke)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/multiple-columns-on-mobile-version/)
 * To view two columns of products on mobile version i entered the following css
   code but it doesn’t work:
 *     ```
       @media screen and (max-width: 767px) {
       	.home .site-main ul.products li.product {
       	  width: 48%;
       	  margin: 0 0 0 4%;
       	  clear: none;
       	}
   
       	.home .site-main ul.products li.product:nth-of-type(2n+1) {
       	  clear: both;
       	  margin: 0;
       	}
       }
       ```
   
 * What is the problem?
 * Thank you all
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fmultiple-columns-on-mobile-version%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [con](https://wordpress.org/support/users/conschneider/)
 * (@conschneider)
 * Engineer
 * [4 years, 2 months ago](https://wordpress.org/support/topic/multiple-columns-on-mobile-version/#post-15483350)
 * Hi [@cezareluke](https://wordpress.org/support/users/cezareluke/)
 * Try this instead:
 *     ```
       @media only screen
       and (min-device-width: 375px)
       and (max-device-width: 667px)
       and (-webkit-min-device-pixel-ratio: 2)
       and (orientation: portrait) {
   
         ul.products li.product {
         max-width: 200px;
         float: left;
         margin-right: 50px;
         }
   
       }
       ```
   
 * Result: [https://d.pr/i/yChV4u](https://d.pr/i/yChV4u)
 * Kind regards,
 *  Thread Starter [Cesare](https://wordpress.org/support/users/cezareluke/)
 * (@cezareluke)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/multiple-columns-on-mobile-version/#post-15486189)
 * Hi [@conschneider](https://wordpress.org/support/users/conschneider/)
 * I tried but it still doesn’t work, the products now come out smaller.
 * The result is this: [https://profumabucato.it/wp-content/uploads/2022/03/4b8d2bfb-9f7c-4202-8b1e-cf96ba4ce077.jpg](https://profumabucato.it/wp-content/uploads/2022/03/4b8d2bfb-9f7c-4202-8b1e-cf96ba4ce077.jpg)
 * Kind regards
 *  [Niall a11n](https://wordpress.org/support/users/wpniall/)
 * (@wpniall)
 * [4 years ago](https://wordpress.org/support/topic/multiple-columns-on-mobile-version/#post-15673434)
 * Hi there [@cezareluke](https://wordpress.org/support/users/cezareluke/),
 * I’m sorry we missed your last post. Have you been able to resolve this issue?
   From what I see on the [Essenze per bucato](https://profumabucato.it/categoria-prodotto/essenze/)
   page, there are currently two columns on mobile devices:
 * ⌊WP.org SF - Essenze per bucato mobile columns⌉⌊WP.org SF - Essenze per bucato
   mobile columns⌉
    Link to image: [https://d.pr/i/CrCnRq](https://d.pr/i/CrCnRq)
 * Are you still seeing something different like in the screenshot you shared above?
   If so, please let us know and we can take a closer look. Thank you!
 *  Thread Starter [Cesare](https://wordpress.org/support/users/cezareluke/)
 * (@cezareluke)
 * [4 years ago](https://wordpress.org/support/topic/multiple-columns-on-mobile-version/#post-15673691)
 * Hello,
    yes I solved the problem. Thank you so much anyway
 * Cesare

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

The topic ‘Multiple columns on mobile version’ is closed to new replies.

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

 * 4 replies
 * 3 participants
 * Last reply from: [Cesare](https://wordpress.org/support/users/cezareluke/)
 * Last activity: [4 years ago](https://wordpress.org/support/topic/multiple-columns-on-mobile-version/#post-15673691)
 * Status: resolved