Topbar CSS

Team, could someone help me with css... im trying to overide the topbar css via a plugin. I wanna place the topbar logo float to the left and all other icons (avatar, mail) float to the right beside the Account Settings dropdown. But, the logo follows the icons floated to the right. Basically, just wanna have the topbar logo separated and stay on the left side and all other icons/link to the right.

Below, puts all icons to the right instead:

/* ***************************************
*************************************** */
.elgg-menu-topbar {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
float: right;

trying to put the logo stay on the left side


.elgg-menu-topbar > li > a.elgg-topbar-logo {
float: left;
margin-top: 0;
padding-left: 5px;
padding-right: 60px;
width: 38px;
height: 20px;

but it doesnt separate the topbar logo. Please help....




Beginning Developers

Beginning Developers

This space is for newcomers, who wish to build a new plugin or to customize an existing one to their liking