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

Solved
robrachlin
New Member
2 0 0

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

Accepted Solution (1)

Accepted Solutions
diego_ezfy
Shopify Partner
2744 513 695

This is an 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

View solution in original post

Replies 9 (9)
diego_ezfy
Shopify Partner
2744 513 695

This is an 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
New Member
2 0 0
flam
New Member
3 0 0

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

vtskydiver
Tourist
7 0 1

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 %} &ndash; {{ 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
New Member
4 0 0

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

ninnikjaer
New Member
2 0 0

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

xjessxa
New Member
3 0 0

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

King-Kang
Trailblazer
141 7 51

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
Shopify Partner
4 0 0

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.