Menu icon Foundation
Equalizer not working on resize

Hello. 

I have a problem with the foundation equalizer. It works perfectly on page load, but wouldn't work when I resize the browser.

Does anyone know how to solve this problem ?

 

my markup is something like this:

<div class="row" data-equalizer="teaser-a" data-equalize-by-row="true" data-equalize-on="medium">
 <div class="teaser small-12 medium-8 column end" data-equalizer-watch="teaser-a">... </div>
</div>

Equalizer

Hello. 

I have a problem with the foundation equalizer. It works perfectly on page load, but wouldn't work when I resize the browser.

Does anyone know how to solve this problem ?

 

my markup is something like this:

<div class="row" data-equalizer="teaser-a" data-equalize-by-row="true" data-equalize-on="medium">
 <div class="teaser small-12 medium-8 column end" data-equalizer-watch="teaser-a">... </div>
</div>
Corey Schaaf over 2 years ago

Hey Sergi - this should get you pointed in the right direction. 

http://foundation.zurb.com/sites/docs/javascript.html#adding-content-to-plugins

Previous versions of foundation used "reflow" in the javascript. That has been replace with reInit. Directions on how to use it are in the link above. 

Hope you find this helpful.