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 – Look & Feel Concept Store Budapest

reference

This concept store introduces an updated design and layout for the well-known consumer electronics retailer. The new store concept features a modern, slightly industrial aesthetic, enhancing both product presentation and customer experience. Megaholz supports MediaMarkt rollouts in over 14 countries, delivering projects end-to-end from concept development to installation.

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.