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);
});

MOL – Filling Stations

reference

We supplied the custom counters and sleek, durable metal shelving systems for the interiors, which perfectly combine functionality with contemporary aesthetics. The new interior is not only stylish and visually striking but also ensures maximum comfort for both customers and staff in their daily routines.

MOL – Filling Stations

Let’s discuss your next project

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.

Start Your Next Project