Cambiar el orden de las columnas en la vista móvil (wordpress). ¿Es posible? - javascript, css, wordpress, móvil

Tengo una pregunta aqui. Quería cambiar el orden de las columnas del sitio web en el MÓVIL. Intento usar javascript pero parece que no funciona ¿hay algún problema con mi código? Estoy usando wordpress

Aquí está la vista de escritorio actual: [a] [b] [c]

La vista móvil actual es algo como esto.

[una]

[segundo]

[do]

quería que mi columna apareciera así

[segundo]

[una]

[do]

aquí está mi código

<script>
var $iW = $(window).innerWidth();
if ($iW < 480){
$(".b").insertBefore(".a");
}else{
$(".b").insertAfter(".a");
}
</script>

Respuestas

0 para la respuesta № 1

Puedes usar 2 columnas html con un contenedor div como

<div class="for_desktop">
[a]
[b]
[c]
</div>

<div class="for_mobile">
[b]
[a]
[c]
</div>

Escribe Css como:

@media only screen and (max-width: 500px) {
.for_desktop{ display:none;}
}

@media only screen and (min-width: 500px) {
.for_mobile{ display:none;}
}

Nota: el ancho se cambiará (usted lo configura como lo necesite).

---