Ride Theme: How to add H1 title on my website

[NinescapeLand]

Hi guys, 

My Shopify theme is ride, but I find my website doesn't have H1 title, and I don't know how can I do? Can you help me to provide the solution for me?

This problem is all over my website, including but not limited to the home page,  product page, about page, project page, contact page, and more.

Best regard,

NinescapeLand

[JasmeetVT14313]

Hi @NinescapeLand 
Can you try adding below code to the head of theme.liquid file.

<h1>{{ page_title }}</h1>

 If this information was helpful to you, please give it a Like. If it resolved your issue, kindly hit Like and mark it as the Solution! Thank you!

[NinescapeLand]

hi @JasmeetVT14313 

I think it has some problems. 

please check it out

best regard,

NinescapeLand

[JasmeetVT14313]

@NinescapeLand 
Can you please let me know details about the problem.
Also please share the theme preview URL on which you have implemented the code

[NinescapeLand]

When I added the code you provided, there was an extra line of text at the top of my website, The below screenshot is my website the normal display.

Because your code has a problem, so I removed that from my website, this is my store link: https://ninescapeland.com/

Best regard,

NinescapeLand

[JasmeetVT14313]

@NinescapeLand 
Sorry, Can you try adding the same code to body.

 If this information was helpful to you, please give it a Like. If it resolved your issue, kindly hit Like and mark it as the Solution! Thank you!

[NinescapeLand]

Great! This effect is what I want.

But I still have a problem, I don't know why my home page has two H1 titles, can you tell me what can I do? I want to solve this problem.

This is my website URL: https://ninescapeland.com/

[JasmeetVT14313 · Accepted solution]

Hi @NinescapeLand 

Glad it worked.
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

As per your above problem is concerned, try updating the previous code with 

{% unless template contains 'index' %}
  <h1>{{ page_title }}</h1>
{% endunless %}

 If this information was helpful to you, please give it a Like. If it resolved your issue, kindly hit Like and mark it as the Solution! Thank you!

[NinescapeLand]

Thanks for your reply

[NinescapeLand]

Hi @JasmeetVT14313 

I found a problem again, My product page, news page, and blog pages all have two H1 title tables, can you help me solve them again?

Thank you very much

NinescapeLand

[JasmeetVT14313]

@NinescapeLand 
You need to make the h1 hidden with styling/css

[NinescapeLand]

Hi @JasmeetVT14313 

Can you tell me how can I hide H1 with CSS or Styling?

Best regard,

NinescapeLand

[JasmeetVT14313]

Hi @NinescapeLand 
You can update the previous code as below

{% unless template contains 'index' %}
  <h1 class="hidden-heading">{{ page_title }}</h1>
{% endunless %}

 and add the below code to end of "base.css" file

.hidden-heading{font-size:0; margin:0;}

If it does not work please share the theme preview URL instead of LIVE theme URL

 If this information was helpful to you, please give it a Like. If it resolved your issue, kindly hit Like and mark it as the Solution! Thank you!

[NinescapeLand]

Hi @JasmeetVT14313 

Thanks for your reply, I tried your new code on my website, but they are not useful, hope you can help me again. This is my website preview URL: https://ninescapeland.com/?_ab=0&_fd=0&_sc=1

Best regard,

NinescapeLand

[JasmeetVT14313]

@NinescapeLand 

The URL shared is not complete, please follow the below steps

1> Go to your store admin > Sales channels > Online store > Themes
2> Find the theme you want to share in the preview and click on the three dots
3> Right-click on Preview and select "Copy Link Address"
4> Share it here

[NinescapeLand]

Hi @JasmeetVT14313 

I copied URL according to your teaching, this is my store's complete URL: https://ninescapeland.com/?_ab=0&_fd=0&_sc=1

But I not ensure that is right, [REDACTED], if this URL still has wrong, maybe you can send the cooperate request, I will accept it.

Best regard,

NinescapeLand

[JasmeetVT14313]

@NinescapeLand 
It's better to remove the collab code from above message. 
I'll send over the invite by tomorrow, if you do not receive the same you can reach out to me via email added in signature of this post.

[NinescapeLand]

hi @JasmeetVT14313 

Is this your account? I have agreed with it.

Best regard,

NinescapeLand