Clearfix and color overwrites messes with the WP Toolbar

Hi @keraweb

Thank you for the report, I will open a ticket for this bug and it will hopefully get fixed in the next update.

Until then you can apply this quick fix, please see if it works for you. Copy-paste the following code in your Customizer > General Settings > Additional CSS:

#wpadminbar *:before, #wpadminbar *:after {
	width: auto;
	display: block;
	content: initial;
}
#wpadminbar *:after {
	clear: inherit;
}

You might need to clear your browser’s cache after Publishing/Saving the changes.
Thank you and have a nice weekend!

Hi @acosmin

This doesn’t fully fix the mentioned issue.
You can see the issue if you install my plugin View Admin As. It uses the WP Toolbar basic styling for its UI, as well as WP icons within the menu items.
When activating your theme the theme CSS overwrites this. On the admin pages it’s fine.

When adding your CSS mentioned above none of the dashicons work anymore.

Cheers, Jory

Hi @acosmin

Found another issue:

#wp-toolbar ul {
	display: inline-block;
}

Why does this theme include toolbar CSS? That is WP core area right?

Cheers, Jory