Přehození sloupců

Jak v Divi změnit pořadí sloupců na telefonu

Máte dva sloupce vedle sebe v klasickém střídavém designu, ale na mobilu se zobrazují špatně, kdy se pak potkávají 2 obrázky a texty nad sebou?

Přesně pro tyto případy jsem připravil snippet, který v mobilním rozhraní prohodí pořadí divů a pořadí pak bude shodné.

Vše co stačí udělat je vložit níže uvedený CSS kód do vlastních stylů a řádce přidat třídu row-reverse.

@media only screen and (max-width:980px) {
.row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
flex-direction: column-reverse;
display: flex;
}
.row-reverse .et_pb_column:nth-child(2) {
margin-bottom: 30px!important;
}
.row-reverse .et_pb_column:nth-child(1) {
margin-bottom: 0px!important;
}

}
}

NÁVODY | TIPY | NOVINKY

NÁVODY | TIPY | NOVINKY

Nechte si zasílat nové články o šabloně Divi přímo do e-mailu.

Úspěšně přihlášeno k odběru.

Sdílej