Top bar

The top bar is always the first element in a page. It serves as a fast way to stay connected with WRI main sections, with a dropdown with links to the most relevant issues and sections deploying dropdown menu when clicking on any place of the bar.

Preview

We’ve created a simple snippet to add this bar automatically.

(function(){
  var element = document.createElement('div'),
    scriptTag = document.createElement('script');
  element.id = 'headerWrI';
  scriptTag.src = 'https://vizzuality.github.io/wri-guide/wri-guide-assets.js';
  document.body.insertBefore(element, document.body.firstChild);
  document.body.appendChild(scriptTag);
})();

* The drop-down menu height is 50% of the window and has a minimum height of 400px.