document.addEventListener('DOMContentLoaded', () => {
// Target the native Bricks header wrapper
const header = document.getElementById('brx-header');
if (!header) return;
const updateHeaderHeight = () => {
const headerHeight = header.offsetHeight;
// This creates a live variable called --header-height we can use in CSS!
document.documentElement.style.setProperty('--header-height', `${headerHeight}px`);
};
// Run immediately, and re-run if the user resizes their screen or rotates their phone
updateHeaderHeight();
window.addEventListener('resize', updateHeaderHeight);
window.addEventListener('orientationchange', updateHeaderHeight);
});reference
Euroshop is the world’s largest trade fair for retail investment requirements. Take a look at our booth at the 2020 Euroshop!
Whether you’re planning a flagship store, a hotel interior, or a multi-site rollout—we’re ready to discuss your project requirements and how we can deliver.