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
This project was part of one of the largest sports complex developments in Hungary. We delivered fit-out works and bespoke interior elements throughout the arena, supporting both functional requirements and the overall architectural concept.
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.