Hi,
On desktop, I have a 2 columns layout with one cell (A) on the left and 2 cells (B and C) on the right.
When I switch to my phone, the responsive works fine, I have a 1 column layout with the three cells (A, B and C).
What I want is to change this order from A, B, C to A, C, B.
Is it possible and how?
Thanks,
Regards,
Laurent
Hey Laurent!
One thing you can do is create a duplicate of these columns (ordered as you wish them to be in mobile) and then hide/show them accordingly (wrap each on a Color Section and set a custom ID to each), then add this to Quick CSS:
#mobile_version{
display: none;
}
@media only screen and (max-width: 767px) {
#mobile_version{
display: block;
}
#desktop_version{
display: none;
}
}
Regards,
Josue
Hi Josue,
I have just applied your solution and it works like a charm.
Thanks a lot.
Regards,
Laurent