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.

score 1 · Answer 1 · answered Feb 14 '16 at 06:25

1

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

answered Feb 14 '16 at 06:25

Nikolay Ermakov

5,031
2
11
18

this is for previous version of foundation. after lots of googling this problem, I found out the solution. – Mahdi Ghandi Feb 14 '16 at 20:45

score 1 · Accepted Answer · answered Feb 14 '16 at 20:54

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; 
    }
}

answered Feb 14 '16 at 20:54

Mahdi Ghandi

109
8

Did you mean `in all divs that you need to be equalized` ? – Nikolay Ermakov Feb 18 '16 at 12:35
you need to just give all wanted dives .custom-class and they won't be equalized anymore for screens larger than small. – Mahdi Ghandi Feb 18 '16 at 13:58

score 0 · Answer 3 · answered Feb 17 '16 at 19:59

0

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.

answered Feb 17 '16 at 19:59

Frederick Jaime

169
2
6

score 0 · Answer 4 · answered Aug 07 '16 at 16:02

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!

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

4 Answers4