Happy 420! Free shipping over $50 🙂

Shop
About
Blog
Megamenu
Dropdown
- Dropdown link 1
- Dropdown link 2
- Dropdown Lvl 2
  - Dropdown link 1
  - Dropdown link 2
  - Dropdown Lvl 3
    - Dropdown link 1
    - Dropdown link 2
Search
Account

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