function updateHeaderHeight() {
// Get the height of #brx-header
const headerHeight = document.querySelector('#brx-header').offsetHeight;
// Store the height in the CSS custom property --header-height
document.documentElement.style.setProperty('--brxw-header-height', headerHeight + 'px');
}
// Execute the function as soon as the document is ready
document.addEventListener('DOMContentLoaded', function() {
updateHeaderHeight(); // Initial update of header height when the document is ready
// Update the header height on window resize and orientation change
window.addEventListener('resize', updateHeaderHeight);
window.addEventListener('orientationchange', updateHeaderHeight);
});
Here I’ll go over some of the things I did to be legal, and some things I found out whilst doing it. Most of this applies to the UK and Europe but if you’re in North America or anywhere else you’ll have to check the laws and regulations that apply to you.