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

Libri – MINI Concept Bookstore

reference

Libri MINI is a new concept by the well-known bookstore brand, focusing on children’s and educational content within a compact, curated retail format. The store design balances functionality and aesthetics, with bespoke elements tailored to create an engaging and accessible environment. Special attention was given to a child-friendly layout, encouraging exploration and making the in-store experience enjoyable for younger visitors.

Libri – MINI Concept Bookstore

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