Title: Responsive??
Last modified: November 13, 2017

---

# Responsive??

 *  Resolved [mag82008](https://wordpress.org/support/users/mag82008/)
 * (@mag82008)
 * [8 years, 6 months ago](https://wordpress.org/support/topic/responsive-340/)
 * Need the output of this plugin responsive, means that on smartphones the columns
   should be adjust that ist fits on the screen. currently it does not.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fresponsive-340%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [dhaupin](https://wordpress.org/support/users/dhaupin/)
 * (@dhaupin)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/responsive-340/#post-9797882)
 * I ran into this as well. Its insane that this plugin uses tables instead of resposive
   divs.
 * The trick is to set your columns to more than your products (ie 999) and use 
   CSS to turn the table `<td>` into inline-blocks. Also you may need to tweak the
   card width in order to fit inside your theme content area. You can do this with
   width shortcode attrib, or with CSS (preferred, below).
 * Shortcode example:
    `[etsy-shop shop_name="EXAMPLE" section_id="123123123" columns
   ="999" width="150"]`
 * CSS overrides
 *     ```
       /* Etsy plugin responsive overrides */
       .etsy-shop-listing-table {
       	text-align: center;
       }
       .etsy-shop-listing-table td {
       	display: inline-block;
       }
       .etsy-shop-listing-table .etsy-shop-listing-card {
       	width: 150px !important;
       }
       .etsy-shop-listing-table .etsy-shop-listing-card img {
       	height: auto !important;
       }
       ```
   
 * Enjoy!
    -  This reply was modified 8 years, 5 months ago by [dhaupin](https://wordpress.org/support/users/dhaupin/).
      Reason: Added img height auto
 *  [thespikers](https://wordpress.org/support/users/thespikers/)
 * (@thespikers)
 * [8 years, 4 months ago](https://wordpress.org/support/topic/responsive-340/#post-9838946)
 * Excellent! Much better… still tweaking though, but thank you for that above CSS
   🙂
 *  [vpsgeneral](https://wordpress.org/support/users/vpsgeneral/)
 * (@vpsgeneral)
 * [8 years, 3 months ago](https://wordpress.org/support/topic/responsive-340/#post-9954685)
 * [@dhaupin](https://wordpress.org/support/users/dhaupin/) Brilliant! The CSS code
   you suggested by itself fixed the issue. I’m using the Sela theme and works perfectly.
   Etsy plugin works completely responsive now on mobile.
 * Thank you! 🙂
 *  Plugin Author [fsheedy](https://wordpress.org/support/users/fsheedy/)
 * (@fsheedy)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/responsive-340/#post-10130100)
 * Please update to version 2.0, this plugin is now responsive!
    Hope you will enjoy
   and rate the plugin!

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

The topic ‘Responsive??’ is closed to new replies.

 * ![](https://ps.w.org/etsy-shop/assets/icon-256x256.png?rev=1089359)
 * [Etsy Shop](https://wordpress.org/plugins/etsy-shop/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/etsy-shop/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/etsy-shop/)
 * [Active Topics](https://wordpress.org/support/plugin/etsy-shop/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/etsy-shop/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/etsy-shop/reviews/)

 * 4 replies
 * 5 participants
 * Last reply from: [fsheedy](https://wordpress.org/support/users/fsheedy/)
 * Last activity: [8 years, 2 months ago](https://wordpress.org/support/topic/responsive-340/#post-10130100)
 * Status: resolved