I found the code that makes the logo an h1 tag found in header.liquid, which is:
<h1 class="site-header__logo{% if section.settings.logo == blank %}{% unless section.settings.left_aligned_logo == false and section.settings.nav_below_logo %} post-large--left{% endunless %}{% endif %}" itemscope itemtype="http://schema.org/Organization">
{% else %}
<div class="h1 site-header__logo{% if section.settings.logo == blank %}{% unless section.settings.left_aligned_logo == false and section.settings.nav_below_logo %} post-large--left{% endunless %}{% endif %}" itemscope itemtype="http://schema.org/Organization">
{% endif %}
{% if section.settings.logo != blank %}
<noscript>
{% capture image_size %}{{ logo_width | escape }}x{% endcapture %}
<div class="logo__image-wrapper">
{{ section.settings.logo | img_url: image_size | img_tag: shop.name }}
</div>
</noscript>
<div class="logo__image-wrapper supports-js">
<a href="/" itemprop="url" style="padding-top:{{ 1 | divided_by: section.settings.logo.aspect_ratio | times: 100}}%;">
{% assign img_url = section.settings.logo | img_url: '1x1' | replace: '_1x1.', '_{width}x.' %}
<img class="logo__image lazyload"
src="{{ section.settings.logo | img_url: '300x300' }}"
data-src="{{ img_url }}"
data-widths="[120, 180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 1944, 2048]"
data-aspectratio="{{ section.settings.logo.aspect_ratio }}"
data-sizes="auto"
alt="{{ shop.name | escape }}"
itemprop="logo">
</a>
</div>
{% else %}
<a href="/" itemprop="url">{{ shop.name }}</a>
{% endif %}
{% if template.name == 'index' %}
</h1>
If I replace the h1 with div, it fixes the issue. Now I have a new issue. I want to keep my logo looking the way it does. Once I took off h1 and replaced it with div, my logo changed. How do I keep it the same way it is and still have it not be an h1 tag?
