catalog/view/template/common/header.twig

[Guardiao_AD]

original com os números de coluna errados. O carrinho tem mais tamanho que o logotipo  o que causa erro visual nalgumas resoluções
<header>
  <div class="container">
    <div class="row">
      <div class="col-md-3 col-lg-4">
        <div id="logo">
          {% if logo %}
            <a href="{{ home }}"><img src="{{ logo }}" title="{{ name }}" alt="{{ name }}" class="img-fluid"/></a>
          {% else %}
            <h1><a href="{{ home }}">{{ name }}</a></h1>
          {% endif %}
        </div>
      </div>
      <div class="col-md-5">{{ search }}</div>
      <div id="header-cart" class="col-md-4 col-lg-3">{{ cart }}</div>
    </div>
  </div>
</header>
<main>
  {{ menu }}


Corrigido:

<header>
  <div class="container">
    <div class="row">
      <div class="col-md-4 col-lg-4">
        <div id="logo">
          {% if logo %}
            <a href="{{ home }}"><img src="{{ logo }}" title="{{ name }}" alt="{{ name }}" class="img-fluid"/></a>
          {% else %}
            <h1><a href="{{ home }}">{{ name }}</a></h1>
          {% endif %}
        </div>
      </div>
      <div class="col-md-5">{{ search }}</div>
      <div id="header-cart" class="col-md-3 col-lg-3">{{ cart }}</div>
    </div>
  </div>
</header>
<main>
  {{ menu }}

[Guardiao_AD]

a solução entre as linhas 81 e 102 permite a inclusão de imagens de fundo

Original

  </div>
</nav>

    <header>
      <div class="container">
        <div class="row">
          <div class="col-md-4 col-lg-4">
            <div id="logo">
              {% if logo %}
                <a href="{{ home }}"><img src="{{ logo }}" title="{{ name }}" alt="{{ name }}" class="img-fluid"/></a>
              {% else %}
                <h1><a href="{{ home }}">{{ name }}</a></h1>
              {% endif %}
            </div>
          </div>
          <div class="col-md-5">{{ search }}</div>
          <div id="header-cart" class="col-md-3 col-lg-3">{{ cart }}</div>
        </div>
      </div>
    </header>

  {{ menu }}
<main>

-----//----------

Corrigido

  </div>
</nav>
<main class="container">
    <header>
      <div class="container">
        <div class="row">
          <div class="col-md-4 col-lg-4">
            <div id="logo">
              {% if logo %}
                <a href="{{ home }}"><img src="{{ logo }}" title="{{ name }}" alt="{{ name }}" class="img-fluid"/></a>
              {% else %}
                <h1><a href="{{ home }}">{{ name }}</a></h1>
              {% endif %}
            </div>
          </div>
          <div class="col-md-5">{{ search }}</div>
          <div id="header-cart" class="col-md-3 col-lg-3">{{ cart }}</div>
        </div>
      </div>
    </header>

  {{ menu }}