Viewing 1 replies (of 1 total)
  • Plugin Author Baden

    (@baden03)

    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.