如何将图标链接添加到wordpress管理栏？

Question

我知道要添加一个带有图标的链接到wordpress的管理栏（当你进入时，顶部的黑色栏）你必须注册一个动作：

function add_toolbar_items($admin_bar){

    $admin_bar->add_menu( array(
        'id'    => 'my-id',
        'href'  => 'my-link',
        'title' => '<span class="ab-icon"></span><span class="ab-label">Mudar número</span>',
    ));

}
add_action('admin_bar_menu', 'add_toolbar_items');

）;

并且有这个css将图标添加到链接：

#wpadminbar #wp-admin-bar-my-id .ab-icon:before {
    content: "\f525";
    top: 4px;
}

这解决了我的问题。但是，当我从较小的屏幕（即移动设备）看到wordpress博客时，该图标就会消失。出于某种原因，一些wordpress css删除了我放在链接文本一侧的图标。

那么，如何在移动设备中显示图标呢？