Change Header layout


For HTML Users/Customizers

You can easily change Header by adding the following class on < header > tag



  <header class="site-header--menu-center"> <header> //For menu center //
  <header class="site-header--menu-right"> <header> //For menu right //
  <header class=" site-header--menu-left"> <header> //For menu left //

For Nunjucks Users/Customizers

You can easily change Header from top of the page file by adding the following class on _page.njk




< {% import 'components/Header/_header.njk' as Header %}

{% block main %}

{{Header.render({

  "additional_header_class": " site-header--menu-center", //For menu center //
  "additional_header_class": "site-header--menu-right", //For menu right //
  "additional_header_class": "site-header--menu-left", //For menu left //
  
})}} >