{% if site.logo %}{% assign logo = site.logo %}{% endif %} {% if site.logo_width %}{% assign logo_width = site.logo_width %}{% else %}{% assign logo_width = 100 %}{% endif %}

<header class=“theme-header” role=“banner”>

<div class="container">

  <div class="row l-table m-table">

    <div class="column l8 s6 l-left m-left v-top">
      {% if page.layout == 'home' %}
        <h1 class="logo" itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
      {% else %}
        <div class="h1 logo" itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
      {% endif %}

      <meta itemprop="name" content="{{ site.name }}">
      {% if site.logo %}
        <a href="/" itemprop="url" title="{{ site.name }}" class="logo-image">
          <span itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
            <img src="{{ logo | img_url: logo_width, scale: 2 }}" alt="{{ shop.name }}" title="{{ shop.name }}" itemprop="image" width="{{ logo_width | replace: 'x', 'px' }}">
          </span>
        </a>
      {% else %}
        <a href="/" itemprop="url" title="{{ site.name }}">{{ site.name }}</a>
      {% endif %}

      {% if page.layout == 'home' %}
        </h1>
      {% else %}
        </div>
      {% endif %}
    </div>

    <div class="column l4 s6 l-right m-right v-top">
      <!-- toolbar? -->
    </div>

  </div>

  <div class="row l-table m-table s-hide">
    <div class="column l12 l-left m-left v-bottom s-v-middle">
      {% include navigation.html %}
    </div>
  </div>

</div>

</header>