CODEWITHSUNDEEP
javascriptcsshtmlresponsive-designzurb-foundation-6
Mahdi Ghandi
Mahdi Ghandi

Reputation: 109

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

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.

Upvotes: 0

Views: 415

Answers (4)

mavili
mavili

Reputation: 3424

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!

Upvotes: 0

Frederick Jaime
Frederick Jaime

Reputation: 169

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.

Upvotes: 0

Mahdi Ghandi
Mahdi Ghandi

Reputation: 109

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

Upvotes: 1

Nikolay Ermakov
Nikolay Ermakov

Reputation: 5061

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

Upvotes: 1

Related Questions