In medium screen resolutions the site name holds a row

Summary

In medium screen resolutions the site name holds a row even if the site name is not there

Steps to reproduce

• Add a site name
• Make site name visible
• Make screen resolution small

Possible fixes

Check code in page.html.twig

      <div class="site-info col-sm-12 col-md-3 col-lg-4">

        {% if site_new_logo %}
          <div class="site-info__logo col-lg-3 col-md-3 col-sm-3">
            <a href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home">
              <img src="{{ site_new_logo }}" alt="home"/>
            </a>
          </div>
        {% endif %}

        <div class="site-info__text {% if site_new_logo %}col-lg-9{% else %}col-lg-12{% endif %} {% if site_new_logo %}col-md-9{% else %}col-md-12{% endif %} {% if site_new_logo %}col-sm-9{% else %}col-sm-12{% endif %}">

          {% if site_show_name %}
            <div class="site-info__text__name">
              <a href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home">
                {{ site_name }}
              </a>
            </div>
          {% endif %}

          {% if site_show_slogan %}
            <div class="site-info__text__slogan">{{ site_slogan }}</div>
          {% endif %}

        </div>

      </div>

Attachments