function updateHeaderHeight() {
        // Get the height of #brx-header
        const headerHeight = document.querySelector('#brx-header').offsetHeight;
          
        // Store the height in the CSS custom property --header-height
        document.documentElement.style.setProperty('--brxw-header-height', headerHeight + 'px');
    }

    // Execute the function as soon as the document is ready
    document.addEventListener('DOMContentLoaded', function() {
        updateHeaderHeight();  // Initial update of header height when the document is ready

        // Update the header height on window resize and orientation change
        window.addEventListener('resize', updateHeaderHeight);
        window.addEventListener('orientationchange', updateHeaderHeight);
});

The kayak lunch

DSC_4865-2

kayak-lunch-pepper

DSC_4932

DSC_4930

DSC_4916-Edit

kayak-lunch

kayak-lunch-seasick

kayak-lunch-sandwich

kayak-lunch-pour-vous

Thanks for sharing!
Comment below
guest
4 Comments
Most Voted
Newest Oldest
Inline Feedbacks
View all comments