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

MediaMarkt – Lighthouse Concept Store Rotterdam

reference

Following its remodeling, the existing store in the center of Rotterdam has become a MediaMarkt Tech Village. After Milan, this is the second European city where the electronics giant has launched its experience store concept, spanning approximately 5,000 square meters across two floors. An additional twenty experience centers are planned to be established in several major European cities by 2025/26.

MediaMarkt – Lighthouse Concept Store Rotterdam

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