iReview sticky menu - centered

custom.css

.floating-menu {
    position: fixed;
    top: 40px; /*adjustment for existing top-bar module, so the menu stacks below it*/
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1;
}

.moduleid-269 .menu-horizontal {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.moduleid-269 .menu-horizontal > li {
   flex-shrink: 0;
}

custom.js

/*
* Add this in the custom javascript setting in the template/theme between script tags!
*/
const stickyMenuModuleId = 269;
const stickyMenu = document.querySelector('.moduleid-'+stickyMenuModuleId+' .mod-content');
const stickyMenuInner = document.querySelector('.moduleid-'+stickyMenuModuleId+' .mod-content .menu-horizontal');
const stickyMenuBottom = stickyMenu.offsetTop;

function togglestickyMenu() {
  if (window.scrollY >= stickyMenuBottom) {
    stickyMenu.classList.add('floating-menu');
  } else {
    stickyMenu.classList.remove('floating-menu');
  }
}

window.addEventListener('scroll', togglestickyMenu);