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);
});— Whether you’re planning a retail fit-out, a hospitality interior, or a workplace project—our team is ready to discuss your requirements. Tell us about your vision, timeline, and scope, and we’ll respond within one business day with a tailored consultation plan.
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.
