Change AVADA Column Order on Mobile with CS

Change AVADA Column Order on Mobile with CSS

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

reverse columns

Need Help! Tech Prime Web has worked extensively on Avada Theme as well as many other themes and page builders.

Feel free to call us or fill our online form and we would get back to you...