// Initialize Foundation's equalizer on non-mobile
$(window).on("load resize",function(e){
var equalize = true;
if ($(document).width() <= 640) {
equalize = false;
}
$(document).foundation({
equalizer : {
equalize_on_stack: equalize
}
});
});
Izvor:
https://foundation.zurb.com/forum/posts/6492-disable-data-equalizer-for-small
Problem: na velikom ekranu imamo dvije kolone, A i B, jednu pored druge. Na mali ekranima B mora biti u gornjem redu, a A u donjem. Push small-12 i pull-small-12 tu ne pomaže.
Rješenje:
class="large-7 large-push-5 medium-6 medium-push-6 small-12 columns" - B class="large-5 large-pull-7 medium-6 medium-pull-6 small-12 columns" - A
Na malim ekranima je B sa 12 kolona iznad A sa 12 kolona ali na medium i large kolonama A i B zamijenjena mjesta pa se A prikazuje prije B
Source: http://codepen.io/rafibomb/pen/xfJph