HUSKY - WooCommerce Products Filter Professional

Botoscope is currently in early access

How to manipulate with the site css depending on the device

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 of your current WordPress theme:

<?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; ?>

In the current example shows how to hide woof auto form button on PC and show it on the mobile devices …

 


Troubles? Ask for Support!