Removing Shopify Admin Bar

The admin bar keeps adding new tricks, like adding top: 40px to any fixed elements.

Try this:

<script>
try {
document.addEventListener("DOMContentLoaded", function(event) {
try {
var element = document.getElementById("admin_bar_iframe");
var html = document.getElementsByTagName("html")[0];
element.parentNode.removeChild(element);
html.style.paddingTop = "0"

} catch(ex) {}
})
} catch(ex) {};

function removeShopifyAdminBarHeights() {
$('[style="top: 40px;"]').css('top', '');
}
$(function() {
removeShopifyAdminBarHeights();
});
setTimeout(removeShopifyAdminBarHeights, 500);
</script>