Title: (!) Featured shortcode columns not fitting in responsive mode
Last modified: April 11, 2020

---

# (!) Featured shortcode columns not fitting in responsive mode

 *  Resolved [ayka2694](https://wordpress.org/support/users/ayka2694/)
 * (@ayka2694)
 * [6 years ago](https://wordpress.org/support/topic/featured-shortcode-columns-not-fitting-in-responsive-mode/)
 * Hello!
    **Theme**: OceanWP **Builder**: Elementor I put Featured Products shortcode(
   4 columns limit 4). [featured_products per_page=”4″ columns=”4″ ] **Problem**:
   Responsive mode “breaks” the columns, i.e. it shows 3 products(columns) in one
   row, then the last one appears on the next row. Smth like this: X X X X
 * I added CSS to make it 2 columns in mobile mode,but again, it “throws”
    the 4th
   product to a new row, like: X X X X
 * **How in Responsive mode I can make it look like?: **
    X X X X
    -  This topic was modified 6 years ago by [ayka2694](https://wordpress.org/support/users/ayka2694/).
    -  This topic was modified 6 years ago by [ayka2694](https://wordpress.org/support/users/ayka2694/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Ffeatured-shortcode-columns-not-fitting-in-responsive-mode%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Peter Lawrenson](https://wordpress.org/support/users/lorro/)
 * (@lorro)
 * [6 years ago](https://wordpress.org/support/topic/featured-shortcode-columns-not-fitting-in-responsive-mode/#post-12668848)
 * I tried to go to your site: [https://hiddenbaku.az/](https://hiddenbaku.az/) 
   for a look but there is a redirect to the dashboard login page. I haven’t got
   access to that, and I should not have. Please can you remove the redirect so 
   the site can be seen.
 *  Thread Starter [ayka2694](https://wordpress.org/support/users/ayka2694/)
 * (@ayka2694)
 * [6 years ago](https://wordpress.org/support/topic/featured-shortcode-columns-not-fitting-in-responsive-mode/#post-12669184)
 * [@lorro](https://wordpress.org/support/users/lorro/) Thanks for response.
 * I removed it.
    Now you should be able to visit site. You’ll understand my issue
   when you check the responsive view. I changed the product limit and column from
   4 to 6, but the result is the same. Every 4th item keeps “breaking off”.
 *  [Peter Lawrenson](https://wordpress.org/support/users/lorro/)
 * (@lorro)
 * [6 years ago](https://wordpress.org/support/topic/featured-shortcode-columns-not-fitting-in-responsive-mode/#post-12669384)
 * Try this custom css for some improvement:
 *     ```
       @media only screen and (max-width: 480px) {
         .woocommerce .products.oceanwp-row.mobile-3-col .product:nth-child(3n+1) {
           clear: none !important;
         }
       }
       ```
   
 * Its apparent that the markup is coming from a theme template, so you should take
   the issue to the theme support forum.
 *  Thread Starter [ayka2694](https://wordpress.org/support/users/ayka2694/)
 * (@ayka2694)
 * [6 years ago](https://wordpress.org/support/topic/featured-shortcode-columns-not-fitting-in-responsive-mode/#post-12689397)
 * [@lorro](https://wordpress.org/support/users/lorro/) it worked! Thank you so 
   much!

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

The topic ‘(!) Featured shortcode columns not fitting in responsive mode’ is closed
to new replies.

 * ![](https://ps.w.org/woocommerce/assets/icon.svg?rev=3234504)
 * [WooCommerce](https://wordpress.org/plugins/woocommerce/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/woocommerce/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/woocommerce/)
 * [Active Topics](https://wordpress.org/support/plugin/woocommerce/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/woocommerce/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/woocommerce/reviews/)

## Tags

 * [columns](https://wordpress.org/support/topic-tag/columns/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [featured](https://wordpress.org/support/topic-tag/featured/)
 * [mobile](https://wordpress.org/support/topic-tag/mobile/)
 * [shortcode](https://wordpress.org/support/topic-tag/shortcode/)

 * 4 replies
 * 2 participants
 * Last reply from: [ayka2694](https://wordpress.org/support/users/ayka2694/)
 * Last activity: [6 years ago](https://wordpress.org/support/topic/featured-shortcode-columns-not-fitting-in-responsive-mode/#post-12689397)
 * Status: resolved