Title: mobile inline elements
Last modified: April 26, 2021

---

# mobile inline elements

 *  Resolved [zelph14](https://wordpress.org/support/users/zelph14/)
 * (@zelph14)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/mobile-inline-elements/)
 * hello,
 * currently my website is displaying all the item in a column on mobile and it 
   looks weird. There’s the checkbox, then the image and then the name & price. 
   It’s very very weird and it takes a lot of space. I would like to have every 
   single item and its price in the same line like in the screenshot :
 * [https://ibb.co/sg5ZPTK](https://ibb.co/sg5ZPTK)
 * [https://exclusivemod.com/product/herman-miller-aeron-chair/?v=11aedd0e4327](https://exclusivemod.com/product/herman-miller-aeron-chair/?v=11aedd0e4327)
 * i tried the code you provided in another thread but it doesn’t work on my website.
   I’m using flatsome.
 *     ```
       @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;
           }
       }
       ```
   
 * THANK

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

 *  [miemie](https://wordpress.org/support/users/miemie/)
 * (@miemie)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/mobile-inline-elements/#post-14373537)
 * Hi [@zelph14](https://wordpress.org/support/users/zelph14/),
    Pls update WPC 
   Frequently Bought Together plugin to version 3.5.0 to turn on the Responsive 
   mode for smaller devices: [https://prnt.sc/126s7qd](https://prnt.sc/126s7qd) 
   It’ll help you to change the layout for small screen devices. Regards,
    -  This reply was modified 5 years, 1 month ago by [miemie](https://wordpress.org/support/users/miemie/).
 *  Thread Starter [zelph14](https://wordpress.org/support/users/zelph14/)
 * (@zelph14)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/mobile-inline-elements/#post-14374772)
 * thanks !

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

The topic ‘mobile inline elements’ 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/)

 * 2 replies
 * 2 participants
 * Last reply from: [zelph14](https://wordpress.org/support/users/zelph14/)
 * Last activity: [5 years, 1 month ago](https://wordpress.org/support/topic/mobile-inline-elements/#post-14374772)
 * Status: resolved