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;
}
}
}
Nejnovější komentáře