javascript_media_query_adapt.js

function adaptFooter(x) {
  var nav = document.querySelector('.navigation.mobile_block')
  if (x.matches) {
    var links = document.querySelectorAll('#footer li')
    console.log(links)
    var list = document.createElement('ul')
    list.setAttribute('id', 'mobile-footer')
    links.forEach(function(li) {
      list.appendChild(li.cloneNode(true))
    })
    nav.appendChild(list)
  } else {
    var mobileFooter = document.querySelector('#mobile-footer')
    if (mobileFooter) mobileFooter.remove()
  }
}
var x = window.matchMedia("(max-width: 960px)")
adaptFooter(x)
x.addListener(adaptFooter)