equalizer on small-only does not exist in foundation 6?

Question

Im using Foundation 6, the last released version. I have a problem with equalizer. I want to equalizer to be turn on only for small screen. In according to : http://foundation.zurb.com/sites/docs/equalizer.html , when I use this : data-equalizer data-equalize-on="small" it works on all screen sizes. please help me.

Answer 1

I found out answer of my question. there is no built-in solution unlike foundation 5, so we have to limit the equalization by hand in css. it will override equalization height for medium and larger viewports. .custom-class must be written in all divs that you don't need to be equalized.

@media (min-width:640px){
    .custom-class{
        height:auto !important; 
    }
}

Answer 2

You could change that to data-equalize-on="small-only"

Answer 3

just adding to the solution. if you us "small", it means from small and up. You have to make sure to include "small only" and then let Equalizer do it's magic.

cheers.

Answer 4

Anyone landing on this page with similar questions, please note Foundation 5 has media queries for the data-equalizer functionality. If you look at Foundation Responsive equalizer, you can do:

<... data-equalizer data-equalizer-mq="small-only">

to apply to small screens only. This was really useful for me!