Title: Layout mobile
Last modified: November 3, 2020

---

# Layout mobile

 *  Resolved [Bruno](https://wordpress.org/support/users/djbrunolima/)
 * (@djbrunolima)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/layout-mobile/)
 * Hi guys!
    The layout of products in the mobile version is very large. before 
   it was displayed same the desktop version. Now, they are in mobile centered with
   the photo in one line, product name in another line and the price in another 
   line. This takes up a lot of space and makes the customer give up on scrolling
   the page. Can you go back or put the option to use the same desktop layout on
   mobile version too?
 * thks,

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

 *  Plugin Author [WPClever](https://wordpress.org/support/users/wpclever/)
 * (@wpclever)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/layout-mobile/#post-13620328)
 * Hi [@djbrunolima](https://wordpress.org/support/users/djbrunolima/)
 * Please add below CSS code to WP-Admin → Appearance → Customizer → Additional 
   CSS:
 *     ```
       @media only screen and (max-width: 767px) {
           .woobt-products .woobt-product {
               display:flex;
               flex-direction: row;
               text-align: left;
               padding: 0 !important;
           }
   
           .woobt-products .woobt-product>div {
               padding: 10px 10px 10px 0 !important;
               width: auto !important;
               flex-basis: auto !important;
               max-width: 100% !important;
           }
   
           .woobt-products .woobt-product>div:first-child {
               padding-left: 0 !important;
           }
   
           .woobt-products .woobt-product>div:last-child {
               padding-right: 0 !important;
           }
   
           .woobt-products .woobt-product .woobt-thumb {
               text-align: left;
               width: 50px;
               flex-basis: 50px;
           }
   
           .woobt-products .woobt-product .woobt-thumb img {
               width: 50px;
           }
   
           .woobt-products .woobt-product .woobt-price {
               width: auto;
               flex-basis: 0;
           }
   
           .woobt-products .woobt-product .woobt-thumb img {
               display: block;
               margin: 0 auto;
           }
   
           .woobt-products .woobt-product .variations_form .variations {
               display: block;
           }
   
           .woobt-products .woobt-product .variations_form .variations .variation {
               max-width: 100%;
               margin-right: 0 !important;
           }
   
           .woobt-products .woobt-product .variations_form .variations .variation select {
               text-align-last: left;
           }
   
           .woobt-products .woobt-product .variations_form .variations .reset {
               display: none !important;
           }
       }
       ```
   
 *  Thread Starter [Bruno](https://wordpress.org/support/users/djbrunolima/)
 * (@djbrunolima)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/layout-mobile/#post-13728705)
 * thanks for the answer and the solution!
    excellent plugin and excellent support!
   Congratulations!
 * BR,
 * BL
 *  [anthonyturton](https://wordpress.org/support/users/anthonyturton/)
 * (@anthonyturton)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/layout-mobile/#post-14334263)
 * Hi,
 * We are trying to implement the same and the additional CSS, can we have some 
   help?
 * Anthony
 * [https://www.everybattery.com.au/online/product/pure130/](https://www.everybattery.com.au/online/product/pure130/)
 *  [חובה או חובה](https://wordpress.org/support/users/socialgamesforeveryhour/)
 * (@socialgamesforeveryhour)
 * [5 years ago](https://wordpress.org/support/topic/layout-mobile/#post-14494851)
 * hey i used and still have same problem like anthonyturton

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

The topic ‘Layout mobile’ is closed to new replies.

 * ![](https://ps.w.org/woo-bought-together/assets/icon-128x128.png?rev=1858214)
 * [WPC Frequently Bought Together for WooCommerce](https://wordpress.org/plugins/woo-bought-together/)
 * [Support Threads](https://wordpress.org/support/plugin/woo-bought-together/)
 * [Active Topics](https://wordpress.org/support/plugin/woo-bought-together/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/woo-bought-together/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/woo-bought-together/reviews/)

 * 4 replies
 * 4 participants
 * Last reply from: [חובה או חובה](https://wordpress.org/support/users/socialgamesforeveryhour/)
 * Last activity: [5 years ago](https://wordpress.org/support/topic/layout-mobile/#post-14494851)
 * Status: resolved