0 points

SINGLE LISTING - RE-ARRANGE LISTINGS COMPONENTS ON MOBILE


dashboard

Tue Oct 13 2020 11:15:39 GMT+0000 (UTC)

Posted by @linister

@media only screen and (max-width: 892px) {
.cts-main-column{
  display: flex; 
  flex-direction: column;
}
  
.cts-main-column > div:nth-child(1) {
order: 2;
}
  
.cts-main-column > div:nth-child(2) {
order: 1;
}
  
.cts-main-column > div:nth-child(3) {
order: 5;
}
  
.cts-main-column > div:nth-child(4) {
order: 3;
}
  
.cts-main-column > div:nth-child(5) {
order: 7;
}
  
.cts-main-column > div:nth-child(6) {
order: 4;
}
  
.cts-main-column > div:nth-child(7) {
order: 8;
}
  
.cts-main-column > div:nth-child(8) {
order: 6;
}
  
.cts-main-column > div:nth-child(9) {
order: 9;
}
content_copy Copy

test orders and change the order accordingly