I am trying to change the homepage H1 set to logo

Store Design
1

Hello Guys,

I would like to change the homepage H1 set to logo to text.

I checked several threads here, but everybody suggest changes in the header.liquid

The problem is that I don’t have any H1 tag in header.liquid :confused:

So don’t know where to start. I didn’t find anything that works for me…

Any thoughts how to do it?

web: vesimidesing.com

Dawn theme

Thanks

V.

2

shopify themes will sometimes wrap the logo in an h1 tag on the homepage for SEO reasons but that can mess with heading structure or if you’re tryna add your own homepage h1

the fix is pretty simple you just gotta go into your header.liquid

something like


  
    {{ your logo code here }}
3

Hi @VeronikaF

Your website is inaccessible, what happened?

4

oh, sorry …it is https://vesimidesign.com/ (I wrote it wrong.)

5

this is the only thing with header in header.liquid

So should I just delete this from the code?

}

.header__heading-logo {
max-width: {{ section.settings.logo_width }}px;
}

6

Kyle_liu_0-1747209219609.png
Kyle_liu_0-1747209219609.png1349×791 50.4 KB

preview：

Kyle_liu_1-1747209281524.png
Kyle_liu_1-1747209281524.png433×132 3.01 KB

7

Hi @VeronikaF

First of all, I have tested whether your H1 tag refers to logo on homepage and after checking, it exactly shows like what you said here.

SEOAntJeffery_0-1747298832840.png
SEOAntJeffery_0-1747298832840.png2866×1484 595 KB

I feel happy to know you would like to change the homepage H1 from logo to text, as Google prefers real H1 content rather than images like a logo. It will be beneficial for your store conversion and further performance in search results after switching H1 to text. I also notice you fail to find anything in header.liquid and if so, the H1 may not exist in this liquid file at all and to find it out, you need to check with developers and locate in correct liquid file, then find out H1 tag and change it manually from H1 to H2.

Here I can share with you another way to make H1 stay on text permanently after finding the logo H1. You can add the below code between and in theme.liquid, and this code works on your store to let H1 stay on text properly. You can further check with developers and see if it works for you. Thank you!

{% if template.name =='index' %}
# {{shop.name}}
{% endif %}
8

there is nothing like that in my header.liquid

only this:

header-drawer { justify-self: start; margin-left: -1.2rem; } .**header__heading-logo** { max-width: {{ section.settings.logo_width }}px; } @media screen and (min-width: 990px) { header-drawer { display: none; } }
9

I copied the whole header.liquid code to word and found H1 tag :roll_eyes:

And change it to H2…

Thank you everybody for your help :sweat_smile:

<h2 class=“header__heading”>
{%- endif -%}

{%- if section.settings.logo != blank -%}
{%- assign logo_alt = section.settings.logo.alt | default: shop.name | escape -%}
{%- assign logo_height = section.settings.logo_width | divided_by: section.settings.logo.aspect_ratio -%}
{{ section.settings.logo | image_url: width: section.settings.width | image_tag:
class: ‘header__heading-logo’,
widths: ‘50, 100, 150, 200, 250, 300, 400, 500’,
height: logo_height,
width: section.settings.logo_width,
alt: logo_alt
}}
{%- else -%}