css - 移动屏幕上的 Wordpress 自定义注销按钮

Question

我制作了自定义注销按钮，而不是位于右上角的 Howdy “用户名”和其他选项。我遇到的问题是我无法保留此按钮（链接），screens below 783px因为管理栏发生了变化。

这就是它在移动屏幕上的外观，第一张图片以管理员身份记录：

这就是它寻找普通用户（订阅者）的方式：

所以，我也想在较小的屏幕上安装“注销”按钮。另外，如果可能的话，我会禁用管理员用户的按钮（自定义、评论、编辑...），这样“注销”就可以适应了。

这是我用来创建自定义注销的代码，在我的 functions.php

 function custom_logout_link() {
global $wp_admin_bar;
$wp_admin_bar->add_menu( array(
    'id'    => 'wp-custom-logout',
    'title' => 'Logout',
    'parent'=> 'top-secondary',
    'href'  => wp_logout_url()
) );
$wp_admin_bar->remove_menu('my-account');
$wp_admin_bar->remove_menu('search');}