Cómo manipular el CSS del sitio dependiendo del dispositivo

Sometimes users need manipulate the site css depending of the client device <PC or Mobile>. You can do it with the next code example, which should be placed on the file footer.php de tu tema actual de WordPress:

<?php 
if (WOOF_HELPER::is_mobile_device()): ?>
 <style type="text/css">
                .woof_show_auto_form {
                    display: inline-block !important;
                }
            </style>

            <?php else: ?>
            <style type="text/css">
                .woof_show_auto_form {
                    display: none !important;
                }
            </style> 
<?php endif; ?>

En el ejemplo actual se muestra cómo ocultar el botón de formulario automático de woof en PC y mostrarlo en dispositivos móviles…