title: How to add image into header in HTML/CSS Shopify?
body: <p>I a trying to add image1 to my header on shopify. Would I need to overlap the header or add image1 to the header as one whole header? </p>
  
  <p>I already have a logo and already uploaded the image to the Assets folder. What would I do next? </p>
  
  <p><a href="https://i.stack.imgur.com/CLS4I.png" rel="nofollow noreferrer">my website header- green box is header space and red box is where i want the image</a></p>
  
  <p>The header.liquid code: </p>
  
  <pre><code>    &lt;style&gt;
    {%- assign logo_width = 695 -%}
    {%- assign logo_max_width = section.settings.logo_max_width | times: 1 -%}
    {% if logo_max_width &lt; logo_width %}
      {%- assign logo_width = logo_max_width -%}
    {% endif %}
    .logo__image-wrapper {
      max-width: {{ logo_width }}px;
    }
    /*================= If logo is above navigation ================== */
    {% if section.settings.nav_below_logo %}
      .site-nav {
        {% if section.settings.show_header_lines %}
          border-top: 1px solid {{ settings.color_borders }};
          border-bottom: 1px solid {{ settings.color_borders }};
        {% endif %}
        margin-top: 30px;
      }
  
      {% unless section.settings.left_aligned_logo %}
        .logo__image-wrapper {
          margin: 0 auto;
        }
      {% endunless %}
    {% endif %}
  </code></pre>