Menu icon Foundation
Uncollapse nested rows

I have a nested row where the parent row has the class .collapse.

This is cascading down to the nested row as well which I don't want.

I know in Foundation for Sites you can use .uncollapse but that doesn't seem to work in Foundation for Emails.

Is it possible to somehow uncollapse nested rows?

collapseuncollapsenested grid

I have a nested row where the parent row has the class .collapse.

This is cascading down to the nested row as well which I don't want.

I know in Foundation for Sites you can use .uncollapse but that doesn't seem to work in Foundation for Emails.

Is it possible to somehow uncollapse nested rows?

Corey Schaaf over 2 years ago

can you post your syntax and an example of what you want to happen, vs what is happening. I've run into this before and what I normally do is create a class of 

.no-padding-lr{padding-left:0; padding-right:0;}

and then my ink markup looks like this: 

<row class="no-padding-lr">
  <columns small="12">
    <row>
      <columns small="6"></columns>
      <columns small="6"></columns>
  <columns>
</row>

This means I can effectively remove padding from the top level row and not have it cascade down to all the other rows. The only time I use collapse is on the inner most elements (because of what you specified above).