I have a row with 3 columns and I would like to change the order of two of them. I already applied this code that usually works when I have a row with two columns https://themenectar.ticksy.com/article/11298/ but it actually does not work when there are 3. Can you help me?
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (min-width: 1001px) {
.reverse-row >.col.span_12 {
flex-direction: row-reverse !important;
display: flex !important;
}
}
Thank you for your answer However, your solution exchanges column 1 (blue colored box) with column 3 (yellow colored). What I really want is to change column 1 (blue colored box) to column 2 (text) The idea is to present the text first and then all the boxes later, in the responsive version.
I have a row with 3 columns and I would like to change the order of two of them.
I already applied this code that usually works when I have a row with two columns
https://themenectar.ticksy.com/article/11298/
but it actually does not work when there are 3.
Can you help me?
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (min-width: 1001px) { .reverse-row >.col.span_12 { flex-direction: row-reverse !important; display: flex !important; } }Thanks
ThemeNectar Support Team
Thank you for your answer
However, your solution exchanges column 1 (blue colored box) with column 3 (yellow colored). What I really want is to change column 1 (blue colored box) to column 2 (text)
The idea is to present the text first and then all the boxes later, in the responsive version.
Thanks in advance
Hey Again,
Unfortunately there is no such option available at the moment .
Best
ThemeNectar Support Team