{% 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>