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

Solved

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

robrachlin
Visitor
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)

diego_ezfy
Shopify Partner
2969 571 909

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 13 (13)

diego_ezfy
Shopify Partner
2969 571 909

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
Visitor
2 0 0

Thanks!

flam
Visitor
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
Visitor
2 0 0

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

xjessxa
Visitor
3 0 0

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

King-Kang
Trailblazer
148 8 78

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 4

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
Visitor
1 0 0

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.

 

Screenshot 2022-10-23 181258.png

ZawadiAve
Visitor
3 0 0

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
Visitor
2 0 0

This was helpful - thank you 🙂

leenamehta
Visitor
1 0 0

.h1 {
display: none;
}