Earlier today I got some new tumblr controls on one of my sideblogs. It covered my navbar and pushed all the content from the top and it kind of destroyed the whole feel of my tumblr. 

But now I will stop complaining and tell you how I fixed it.

I reset the code that pushed all the content from the top and I hid the controls. Then i added a button to toggle the visibility of the tumblr controls.

This is just something I quickly threw together, please tell me how this works for you. :)

You can find all the code here :)

I hope this helps if you don’t like the Control Bar.

If you have other code that you used to style the old controls with you might want to consider removing or hiding it since it can interfere with the new code. The code you want to look for in your style/ css is usually #tumblr_controls, .tmblr-iframe, .tmblr-iframe–desktop-logged-in-controls or .iframe-controls–desktop.

EDIT:
Added a higher z-index on the button so hopefully the button will be visible on your tumblr :)

HTML

I added some new html code to create a button.

CSS

I targeted the code that pushed all my content from the top to reset it and I changed the height of the tumblr controls to hide it in the top. I also added a class called tmblr-iframe–loaded-active to make the button work.

You can change the color of the button/ triangle by changing the color of the border-bottom in the class .tumblr-controls-btn-trigger span. By default it’s set to #565656.

jQuery

When I click the button It will change the height of the tumblr controls by adding and removing a class and I rotate the button using the same method.

Add jQuery if you don’t already have it on your tumblr, if it does not work try to add a other version.