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

Question

我已经制作了自定义Logout按钮，而不是Howdy“User Name”和其他选项，它们位于右上角。我遇到的问题是我无法在screens below 783px上保留此按钮（链接），因为管理栏会发生变化。

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

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

所以，我想在较小的屏幕上安装“Logout”按钮。此外，如果可能，我会禁用管理员用户的按钮（自定义，评论，编辑...），因此“注销”可以适合。

这是我在functions.php

中创建自定义Logout的代码

 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');}