Actualmente estoy usando la página de inicio de mi blog de wordpress con las últimas publicaciones que se muestran en 2 columnas, lo que se ve muy bien cuando se visita desde una pantalla grande de PC y Mac pero, al mismo tiempo, es terrible cuando se visita desde un dispositivo móvil.

Así que me preguntaba si podría usar javascript o algo más para cambiar el <div> que divide la página de inicio en 2 publicaciones de columna, en otro <div> cuando no es visitado por pantallas grandes.

Por ejemplo:

 <script> if ((!pc && !osx)) { echo('<div class="half">'; } else {echo('<div class="container">'); } </script>

¿Alguna pista de cómo hacerlo?