Use this in a code block in your header.
document.addEventListener("DOMContentLoaded", function () {
// Add event listener to the mini cart link, if it exists
const miniCartLink = document.querySelector('.mini-cart-link');
if (miniCartLink) {
miniCartLink.addEventListener('click', function () {
document.body.classList.add('no-scroll');
});
}
// Add event listener to the bricks mini cart close button, if it exists
const miniCartClose = document.querySelector('.bricks-mini-cart-close');
if (miniCartClose) {
miniCartClose.addEventListener('click', function () {
document.body.classList.remove('no-scroll');
});
}
// Add event listener to the off-canvas overlay inside the brxe-woocommerce-mini-cart element
const miniCartOverlay = document.querySelector('.brxe-woocommerce-mini-cart .off-canvas-overlay');
if (miniCartOverlay) {
miniCartOverlay.addEventListener('click', function () {
document.body.classList.remove('no-scroll');
});
}
});