Totte
View page source.
Grab the CSS file and look for the code that displays the header.
I will help. (please give me a screenshot of what you want so I dont go and grab the wrong thing)
I believe is what you want?
<div id="header-navigation" class="Header-navigation"><div class="Navigation ButtonGroup "><a class="Button Navigation-back hasIcon" href="/" active="false" type="button" title=""><i class="icon fa fa-fw fa-chevron-left Button-icon"></i><span class="Button-label"><i class="icon fa fa-fw fa-bars "></i></span></a><button class="Button Button--icon Navigation-pin hasIcon" type="button"><i class="icon fa fa-fw fa-thumb-tack Button-icon"></i></button></div></div>
<div class="container">
<h1 class="Header-title">
<a href="https://discuss.flarum.org" id="home-link">
<img src="/assets/header.png" alt="" height="27">
</a>
</h1>
<div class="Header-primary">
<ul class="Header-controls">
<li><a href="http://flarum.org" class="Button Button--link">Home</a></li>
<li><a href="http://discuss.flarum.org/d/859-flarum-community-guidelines" class="Button Button--link">Guidelines</a></li>
<li><a href="http://flarum.org/docs/faq" class="Button Button--link">FAQ</a></li>
<li><a href="https://gitter.im/flarum/flarum" class="Button Button--link" target="_blank">Chat</a></li>
<li><a href="http://flarum.org/docs/contributing" class="Button Button--link" target="_blank">Report a Bug</a></li>
</ul>
<div id="header-primary"><ul class="Header-controls"></ul></div>
</div>
<div id="header-secondary" class="Header-secondary"><ul class="Header-controls"><li class="item-search"><div class="Search "><div class="Search-input"><input class="FormControl" placeholder="Search Forum" type="search"></div><ul class="Dropdown-menu Search-results"></ul></div></li><li class="item-notifications"><div class="ButtonGroup Dropdown dropdown NotificationsDropdown itemCount0"><button class="Dropdown-toggle Button Button--flat" data-toggle="dropdown" title="Notifications"><i class="icon fa fa-fw fa-bell Button-icon"></i><span class="Button-label">Notifications</span></button><div class="Dropdown-menu Dropdown-menu--right"></div></div></li><li class="item-session"><div class="ButtonGroup Dropdown dropdown SessionDropdown itemCount4"><button class="Dropdown-toggle Button Button--user Button--flat" data-toggle="dropdown"><img class="Avatar " src="https://discuss.flarum.org/assets/avatars/zq6018oz68ddlasl.jpg"> <span class="Button-label"><span class="username">0E800</span></span></button><ul class="Dropdown-menu dropdown-menu Dropdown-menu--right"><li class="item-profile"><a href="/u/0E800" active="false" class=" hasIcon" type="button" title="Profile"><i class="icon fa fa-fw fa-user Button-icon"></i><span class="Button-label">Profile</span></a></li><li class="item-settings"><a href="/settings" active="false" class=" hasIcon" type="button" title="Settings"><i class="icon fa fa-fw fa-cog Button-icon"></i><span class="Button-label">Settings</span></a></li><li class="Dropdown-separator"></li><li class="item-logOut"><button class=" hasIcon" type="button" title="Log Out"><i class="icon fa fa-fw fa-sign-out Button-icon"></i><span class="Button-label">Log Out</span></button></li></ul></div></li></ul></div>
</div>
Here is the Prettified CSS. Go look for the ones you need and copy-paste them into your own CSS.
https://0bin.net/paste/8nxYprj4vfoOPfgl#FcXqmH55a59FhtUouSil+i3+snuXnuJ-8hfvNjrfaj7
(This will only be up for a day, so copy and paste for your own reference)
Make sure you do not have duplicates.
Here is a Fiddle you can play with:
https://jsfiddle.net/jrndd2k2/1/
