brand-architecture.top-bar.md

layout	title	prevPage	nextPage	permalink	category	subcategory	order
default	Top bar	/brand_architecture/structure/	/brand_architecture/navigation_bar/	/brand_architecture/top_bar/	brand_architecture	structure	2.2

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);
})();

Copy

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