Make header less than 54px in the regular editor

Show and tell
1

Hello,

Unfortunately, the minimum size of the header in the regular editor is set to 54px, making it impossible to decrease this size directly via the editor settings.

However, a feasible workaround involves using the custom code option. This appears to be the only option available at the moment. You can adjust the header size to 30px by embedding the following script into the header via the custom code section of the website.

<script>
    document.addEventListener('DOMContentLoaded', function() {
        var header = document.getElementById('SITE_HEADER');
        header.style.height = '30px';
    });
</script>

This script ensures that once the page has fully loaded, the height of the header identified by “SITE_HEADER” is set to 30px. Please ensure that this ID matches your header element’s ID in the HTML structure.