Foudation – disable equalizer for small

SysBlog — Thu, 05 Oct 2017 12:45:19 +0000

// 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

Foundation – zamjena redova na malim ekranima – push & pull

SysBlog — Wed, 11 Jan 2017 12:14:38 +0000

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

SysBlog » Zurb Foundation

Foudation – disable equalizer for small

Foundation – zamjena redova na malim ekranima – push & pull