var openElement = '.js-nav-open'
var closeElement = '.js-nav-close'
var overlayElement = '.js-nav-overlay'
var activeClass = 'is-active'
var el = document.querySelectorAll('.js-nav-container, .js-nav-push, .js-nav-overlay, html, body')
const stickyNavShrinker = require('./sticky-nav-shrink')
const LocationSelector = require('./locationSelector')
const location = new LocationSelector()
const SupportedCities = require('./supportedCities')
const supportedCities = new SupportedCities()

const hideForCity = (cityId) => {
  var citySpecificElements = document.querySelectorAll('[data-city]')
  for (let i = 0; i < citySpecificElements.length; i++) {
    let citiesRequired = citySpecificElements[i].getAttribute('data-city')
    if (citiesRequired.indexOf(cityId) > -1) {
      citySpecificElements[i].classList.add('is-active') // desktop
    }
  }
  var currentCity = document.querySelector('.js-current-city')
  currentCity.innerHTML = supportedCities.get(cityId).name
}

var init = function () {
  document.querySelector(openElement).addEventListener('click', function (e) {
    open()
  })

  document.querySelector(closeElement).addEventListener('click', function (e) {
    close()
  })

  document.querySelector(overlayElement).addEventListener('click', function (e) {
    close()
  })

  location
    .getCurrent()
    .then((result) => {
      hideForCity(result.id)
    })

  stickyNavShrinker.init()
}

var open = function () {
  var i

  for (i = 0; i < el.length; ++i) {
    el[i].classList.add(activeClass)
  }
}

var close = function () {
  var i

  for (i = 0; i < el.length; ++i) {
    el[i].classList.remove(activeClass)
  }
}

module.exports = {
  init: init,
  open: open,
  close: close
}

@@ -1,240 +1,4 @@
-var openElement = '.js-nav-open'%0Avar closeElement = '.js-nav-close'%0Avar overlayElement = '.js-nav-overlay'%0Avar activeClass = 'is-active'%0Avar el = document.querySelectorAll('.js-nav-container, .js-nav-push, .js-nav-overlay, html, body')%0A
 cons
@@ -109,48 +109,8 @@
 r')%0A
-const location = new LocationSelector()%0A
 cons
@@ -157,16 +157,263 @@
 Cities')
+%0A%0Aconst openElement = '.js-nav-open'%0Aconst closeElement = '.js-nav-close'%0Aconst overlayElement = '.js-nav-overlay'%0Aconst activeClass = 'is-active'%0Aconst el = document.querySelectorAll('.js-nav-container, .js-nav-push, .js-nav-overlay, html, body')
 %0Aconst s
@@ -450,16 +450,56 @@
 Cities()
+%0Aconst location = new LocationSelector()
 %0A%0Aconst 
@@ -917,16 +917,16 @@
 -city')%0A
-
   curren
@@ -975,24 +975,65 @@
 Id).name%0A%7D%0A%0A
+const mobileCityChangeInit = () =%3E %7B%0A%0A%7D%0A%0A
 var init = f

tidy up