[josh_krz]

1. Choose the navbar template from the template list in the admin CP. Copy the whole template into a text file incase you break it.





2. Press CTRL+F (CMD+F) and search for:

middle_header

Copy then delete the whole middle_header div tag.

3. Press CTRL+F (CMD+F) and search for:

navtabs

4. Paste the middle_header where I have marked ----HERE---- on the screenshot.





5.Save and Reload

6: Add this CSS to your additional.css template:

#middle_header{
positioning:fixed!important;
}
.navbar{
height:auto!important;
}

Now be careful because our templates may not be exact. I did use the metro theme to guide you but we could have other changes to our templates.

I managed to do it using Chrome Dev Tools, this is what I got: