Customize the Log Out area

Hi @thecreator01,

I hope you are keeping well and thank you for reaching out to us.

I am afraid, this is not possible using Branda out of the box. However, the following CSS should help you with your requirements.

li#wp-admin-bar-user-info {
    display: none;
}

span.display-name {
    display: none;
}

The CSS can be added using Branda at Branda >> Admin Area >> Custom CSS.

I hope that helps.

Kind Regards,
Nebu John

Hi @thecreator01,

Hope this message finds you well.

Currently, Branda does not edit that menu. However this can be achieved using a snippet too, but since the Howdy, username displays the profile menu on mouse-over, is not possible to replace it with the link, it requires removing the whole element, and creating a new menu.

This is an example to re-create the menu:

<?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');
}
add_action( 'wp_before_admin_bar_render', 'custom_logout_link' );

You will find more information about wp_before_admin_bar_render() on this link: https://developer.wordpress.org/reference/hooks/wp_before_admin_bar_render/

You might need to install it as a mu-plugin following the instructions on this link https://wpmudev.com/docs/using-wordpress/installing-wordpress-plugins/#installing-mu-plugins. Or you can use WP Code Lite plugin.

Let us know if you require additional information.

Best regards,
Laura