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!
