Section Navigation Calls To Action

export const sectionNavCtaLocation = () => {

  const ctasGroups = document.querySelectorAll('.uol-content-container .uol-section-nav-ctas')

  //const main = document.getElementById('main')
  const main = document.querySelector('.uol-main-container');

  const sectionNavContainer = document.querySelector('.uol-side-nav-container')

  ctasGroups.forEach( (ctasGroup) => {

    window.addEventListener('resize', () => {

      if (window.innerWidth >= 1024) {
        sectionNavContainer.classList.add('uol-side-nav-container--populated')
        sectionNavContainer.insertAdjacentElement('beforeend', ctasGroup)
      } else {
        sectionNavContainer.classList.remove('uol-side-nav-container--populated')
        main.insertAdjacentElement('beforeend', ctasGroup)
      }
    })

    if (typeof(Event) === 'function') {
      // modern browsers
      window.dispatchEvent(new Event('resize'));
    } else {
        // for IE and other old browsers
        // causes deprecation warning on modern browsers
        var evt = window.document.createEvent('UIEvents')
        evt.initUIEvent('resize', true, false, window, 0)
        window.dispatchEvent(evt)
    }
  })
}