Menu icon Foundation
Equalizer not working

Equalizer will not work on my install. i would appreciate if someone could take a look at the code found in the codepen link below and help out. thanks.

 

code pen

columnsEqualizer

Equalizer will not work on my install. i would appreciate if someone could take a look at the code found in the codepen link below and help out. thanks.

 

code pen

Val Ery almost 3 years ago

 Hi!

Equalizer works!
Your code:
1. Foundation is not initialized - $(document).foundation();
2. The script is not registered - <script src="https://cdn.jsdelivr.net/foundation/6.2.3/foundation.min.js"></script>

But ... In this case - a problem. See the example - http://codepen.io/Val_Ery/pen/RRXYrV

I added a red background to blocks with class "callout" and "filled" (50% opacity). Contents are not aligned vertically. Vertically aligned only those items that contain "data-equalizer-watch" attribute.

Try to remove the background (comments css rules) and see the result. If it is suitable, I will be glad!

Mark Smallman almost 3 years ago

Try Equalize By Row instead. Using it fixed an issue I was having with a WordPress theme design.

 

http://foundation.zurb.com/sites/docs/equalizer.html#equalize-by-row