• Resolved project13x

    (@project13x)


    i am using this plugin in a 2 x 3 div grid design.

    each nested div has this element in it.

    <div column1>
    <div content a></div>
    <div content b></div>
    <div content c></div>
    </div>

    <div column2>
    <div content 1></div>
    <div content 2></div>
    <div content 3></div>
    </div>

    .column1

    {
    float:left
    width 50%
    }

    .column2

    {
    float:right
    width 50%
    }

    So the layout will look like
    a1
    b2
    c3

    And when clicking on the plugin elment it will only push down the respective column.

    However when resizing it to a mobile version. The parent divs will reorder the nested div.
    output will be abc123. but i want to order to be the same as on desktop
    a1b2c3.

    Any idea how to do this?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author twinpictures

    (@twinpictures)

    you question is a bit confusing. Do you have a link you can share, or maybe a sketch of how you would like it to work, exactly.

    From what we got, you want to have three columns of nested expand elements that show up inline on larger displays, but stacked on smaller displays. One tip would be to check out the roll-your-own method, inline triggers using the roll-your-own method, and basic responsive CSS.

    Hope that gets you pointed in the right direction. Get back to us when you have something more to show and we’ll do what we can to assist further.

    Plugin Author twinpictures

    (@twinpictures)

    issue marked as resolved due to lack of participation.

    • This reply was modified 9 years, 1 month ago by twinpictures. Reason: typos
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘using this plugin in a 2×3 grid design’ is closed to new replies.