How do I remove a page title from a new page in the Dawn theme?

[robrachlin]

Website w/ page in question: https://luxurysips.net/pages/about-our-beans

Been looking everywhere on the design forums but nothing has seemed to work. The page uses the "Default page" template but I cannot seem to find which file this template belongs to in the Edit Code section. Could anyone explain any of this?

Thanks in advance,

Rob

[diego_ezfy · Accepted solution]

@robrachlin,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:

<style>
.main-page-title.page-title:nth-child(1){
    display: none !important;
}
</style>

Kind regards,
Diego

[robrachlin]

Thanks!

[flam]

I did this, and now the page description is showing up. How do I remove the page description now?

[vtskydiver]

I removed the Store Name from the end of the title tags by removing the following line in the theme.liquid file. (Assuming you haven't made any changes to the file yet, this should be found on Line 23)

{%- unless page_title contains shop.name %} – {{ shop.name }}{% endunless -%}

I am not sure you would want to remove the entire title, would you?  I believe that will negatively impact your SEO.

[melissa75075]

I came here for the same question. Thank you for the help. 🙂

[ninnikjaer]

This kinda works, but it adds a break/spacing?

[xjessxa]

Thank you Diego! You've helped me find a solution I've been searching for all day XD

[King-Kang]

EDIT

Hello @diego_ezfy ,

Your solution definitely removes the title from the page template, unfortunately leaves a white gap between the header and the content and the page title flashes one time. Instead of hiding the title, is there a way to remove or hide the entire section?

I tried this one and it works, but don't know how to solve the page title flash 😕

#shopify-section-template--14459797340241__main > div {
  display: none;
}

Thank you in advance Diego.
Best regards

[jomarmontuya]

This does not fully remove it, it's just hiding the element from the DOM

here's how I totally remove it

1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your main-page.liquid file, starting line 22 to line 24 in dawn theme you will find this.

  <h1 class="main-page-title page-title h0">
    {{ page.title | escape }}
  </h1>

You can remove it entirely or do whatever you want technically. 

[elainesimmonds]

None these worked for me.  What am I do wrong?  I am using Dawn the 2022 most recent version.  Below is what is still viewable on the homepage.

 

[ZawadiAve]

I followed this video and it worked for me. Basically create a new page template that doesn't display the title and you switch all the pages to the no title template when you don't want the title displayed on the page. Super easy to follow. 

https://www.youtube.com/watch?v=4AE0ch1dtf4

[DanHadman]

This was helpful - thank you 🙂

[leenamehta]

.h1 {
display: none;
}