Foundation Equalizer is setting height to inherit?

Question

I am trying to get the Equalizer plugin of Foundation to work and the documentation makes it seem pretty simple but I have tried a few things to make it work and still can't figure out why it is not working.

I am calling foundation.min.js and activating it as you can see here:

Here is my codepen http://codepen.io/anon/pen/ByQBYx

As you can see the height is not consistent across the 4 employees. From what I understand of Equalizer, it is supposed to keep equal height across the 'watched' elements.

Answer 1

The reason this happens is because your divs are stacked. You need to specify if you want them to remain the same height when stacked.

$(document).foundation({
  equalizer : {
    // Specify if Equalizer should make elements equal height once they become stacked.
    equalize_on_stack: true
  }
});

Your new codepen: http://codepen.io/anon/pen/raWVbO