Title: responsive design question
Last modified: August 22, 2016

---

# responsive design question

 *  Resolved [jimmypader](https://wordpress.org/support/users/jimmypader/)
 * (@jimmypader)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/responsive-design-question/)
 * Hello
    I have a row with a picture left and text right. As the viewport shrinks,
   the text moves under the images. For the smallest 500px, I want the text (not
   the heading) to be replaced with the expand/collapse. How can I do this?
 * [http://awoodrailing.com/2012/08/29/deck-railing-design/](http://awoodrailing.com/2012/08/29/deck-railing-design/)
 * Thanks
 * [https://wordpress.org/plugins/jquery-collapse-o-matic/](https://wordpress.org/plugins/jquery-collapse-o-matic/)

Viewing 1 replies (of 1 total)

 *  Plugin Author [Baden](https://wordpress.org/support/users/baden03/)
 * (@baden03)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/responsive-design-question/#post-5498596)
 * Jimmy,
 * There is no magical way to do this using only the plugin. What you would need
   to do is the following:
 * Create TWO containers for the content. You will most-likely want to do this as
   part of your theme template so you only have to enter in the content once.
 *     ```
       <div class="standard">bla bla bla</div>
       <div class="shrunkified">[expand title="Get the full scoop"]bla bla bla[/expand]</div>
       ```
   
 * Now you will use the magic of css to initially hide the schrunkified class:
 *     ```
       .schrunkified {
          display: none;
       }
       ```
   
 * and then hide the standard class/display the shrunkified class when the screen
   get’s small:
 *     ```
       @media (max-width: 500px){
          .schrunkified {
             display: block;
          }
          .standard {
             display: none;
          }
        }
       ```
   
 * Hope that helps get you pointed in the correct direction. Good luck! Since this
   issue has more to do with basic CSS than support for collapse-o-matic, we will
   go ahead and mark it as resolved.

Viewing 1 replies (of 1 total)

The topic ‘responsive design question’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/jquery-collapse-o-matic_fffeff.svg)
 * [Collapse-O-Matic](https://wordpress.org/plugins/jquery-collapse-o-matic/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/jquery-collapse-o-matic/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/jquery-collapse-o-matic/)
 * [Active Topics](https://wordpress.org/support/plugin/jquery-collapse-o-matic/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/jquery-collapse-o-matic/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/jquery-collapse-o-matic/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [responsive design](https://wordpress.org/support/topic-tag/responsive-design/)

 * 1 reply
 * 2 participants
 * Last reply from: [Baden](https://wordpress.org/support/users/baden03/)
 * Last activity: [11 years, 6 months ago](https://wordpress.org/support/topic/responsive-design-question/#post-5498596)
 * Status: resolved