Snippet To Change Column Order / Reverse Column Order on Mobile for Avada
Snippet given below can help you reverse the column order on mobile for avada for the above mentioned use case. You can easily add it to Custom CSS section of Avada Theme Options and add the CSS Class declared (.reverse-columns ) in snippet to relevant container elements to get the desired result
@media all and (max-width:800px){
.reverse-columns .fusion-row {
display: flex;
flex-flow: wrap;
flex-direction: column-reverse;}}
Using this simple snippet you can easily change the order column on mobile and display your page properly on mobile. Once snippet is added, all you need to do is add reverse-columns to CSS Class of Container. Please note you don’t have to add . (dot) before reverse-columns. Just reverse-columns
Need Help! Tech Prime Web has worked extensively on Avada Theme as well as many other themes and page builders.
