Hide page title on one page

Solved
Highlighted
New Member
4 0 0

Hello,

Can you tell me how to hide the page title on a single page. Theme is Debut.

 

Thanks

 

0 Likes
Highlighted
Community Moderator
Community Moderator
3397 253 614

Hi @chrislenoski,

 

Nick here from Shopify. 

 

This is definitely possible to do. Would you be able to share the URL for your store though? The store URL will greatly help make sure any code edits for this are correct rather than guessing in the dark. 🙂

 

Looking forward to hearing from you. 

 

All the best, Nick

Nick | Community Moderator @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
Highlighted
Highlighted
Shopify Partner
1445 195 525

This is an accepted solution.

go into your page.liquid and look for {{ page.title }} and use an if or an unless statement with the page's handle to exclude it. For example my default page.liquid for Debut is as follows:

 

<div class="page-width">
  <div class="grid">
    <div class="grid__item medium-up--five-sixths medium-up--push-one-twelfth">
      <div class="section-header text-center">
        <h1>{{ page.title }}</h1>
        <em><p>Posted By: {{ page.author }} at {{ page.published_at | date: "%D" }}</p></em>
      </div>

      <div class="rte">
        {{ page.content }}
      </div>
    </div>
  </div>
</div>

If I wanted to exclude the title on my "Super Secret Title" page, i'd do this:

 

<div class="page-width">
  <div class="grid">
    <div class="grid__item medium-up--five-sixths medium-up--push-one-twelfth">
      <div class="section-header text-center">
        {% unless page.handle == "super-secret-title" %}
          <h1>{{ page.title }}</h1>
        {% endunless %}
        <em><p>Posted By: {{ page.author }} at {{ page.published_at | date: "%D" }}</p></em>
      </div>

      <div class="rte">
        {{ page.content }}
      </div>
    </div>
  </div>
</div>

 

If my solution helped you, please like and accept as solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
Highlighted
Community Moderator
Community Moderator
3397 253 614

This is an accepted solution.

Hey @chrislenoski,

 

Thanks for sharing your URL. I had our themes team take a look and @Ninthony's answer is pretty spot on for what you are looking for here. 

 

Should you for any reason want to hide the page titles for all pages, you can do that also. To do this you would go to the theme.scss.liquid file and add the following code the very bottom: 

 

.template-page h1 {
    display: none;
}

Hope this and @Ninthony's answer helps! 🙂

Nick | Community Moderator @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

Highlighted
New Member
2 0 2

I had the same issue, i 've done the first step but now i have a  big blank . How can i delete this blank ? ThanksProbleme titre produits.JPG

 

Highlighted
Tourist
6 0 1

Hi there! I am also having this issue with the big empty space when the titles are removed, did you ever fond a solution for it??

Highlighted
Community Moderator
Community Moderator
3397 253 614

Hi @cece78 and @openeast,

 

Would you be able to share your store URL links and point out exactly where the space is on your store and I can take a closer look for you then, please? Without seeing the store or knowing what theme you are using, it's very difficult to figure out what the next steps can be for you on this. Looking forward to hearing from you. 

Nick | Community Moderator @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
Highlighted
Tourist
6 0 1
Hi Nick,
I am using the Debut theme and the store url is https://open-east.myshopify.com/admin/themes/78986641489/editor
I used a line of code from this thread that I commented on to delete the page titles on my Contact, About Us and FAQ, the code worked, but now there is a large amount of white space that I don’t know how to get rid of.
Here are some pictures of the specific spots I am talking about:


0 Likes
Highlighted
Community Moderator
Community Moderator
3397 253 614

Hi @openeast, thanks for getting back to me on this. 

 

I don't see any pictures about the specific posts about this, but you are using a Shopify developed theme. Because of that, our theme support team could look into helping you with this. I would need to reach out to you directly about this to verify some details to dig deeper. Would you be able to confirm if the best email to reach you on is the one you signed up to the community with? 

Nick | Community Moderator @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes