Why is my logo quality poor on the Narrative theme?

Store Design
1

Hi,

I am using the Narrative theme and my logo on the banner and on the password page, which is a spinning GIF, is really poor quality. The GIF itself is of decent quality (580 x 585 px).

Can anybody help me with this please?

The store name is: www.brookesbooth.com

The Password is: Hello

2

Hi @BROOKESBOOTH ,

Please follow the steps below:

  • Step 1: Go to password-header.liquid file and change code here:

Screenshot.png
Screenshot.png1227×398 21.6 KB

=>
  • Step 2: Go to header.liquid file, find ‘routes.root_url’ and change code here:

Screenshot.png
Screenshot.png1572×733 49.2 KB

Code:


          {%- capture image_size %}x{{ section.settings.logo_max_height }}{% endcapture -%}

          {% if section.settings.logo %}
            

            

            {% if request.page_type == 'index' and section.settings.enable_transparent %}
              {% if section.settings.transparent_logo == blank %}
                {%- assign transparent_logo = section.settings.logo -%}
              {% else %}
                {%- assign transparent_logo = section.settings.transparent_logo -%}
              {% endif %}

              
            {% endif %}
          {% else %}
            {{ shop.name }}
          {% endif %}

Hope it helps!

3

This worked perfectly!

Many Thanks

1 Like