How can I remove the page title from Craft Theme?

Store Design

Topic summary

A user seeks to remove the page title from their Craft theme, specifically from the About Us page, after previous solutions failed.

Working Solution:

  • Add CSS code to section-main-page.css file (located in Themes > Edit Code > Assets)
  • Insert .main-page-title { display: none !important; } at the bottom of the file
  • This successfully removes the title across both desktop and mobile views

Alternative Method:

  • Another suggestion involves adding similar CSS to base.css, though one user reported this only worked on desktop, not mobile

Outcome:

  • Multiple users confirmed the primary solution works effectively for the Craft theme as of 2024
  • The issue is resolved with the CSS modification to section-main-page.css
Summarized with AI on November 9. AI used: claude-sonnet-4-5-20250929.
1

Hello, I went through a few discussion boards and threads attempting to remove the title from my default page template. None of them worked so far. I thought this one would definitely work but it didn’t.

I want to remove the title from the About Us page but wouldn’t mind removing it from the entire theme. Any advice? I appreciate your help!

Link: https://loveinlieu.com/pages/about

Password: michelle

2

Hi @loveinlieu

Please go to your Themes > Edit Code > Assets > Open section-main-page.css > Add the following code to the bottom of the file.

.main-page-title { display: none; }

f you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any questions!

4 Likes
3

@loveinlieu try this css in base.css at bottom

#shopify-section-template--15750775111920__main .main-page-title {
    display: none;
}
4

@AvadaCommerce , thank you for the speedy reply. It worked!

1 Like
5

You’re welcome @loveinlieu

6

This worked for me, thank you.

7

This worked for me as well. Craft theme in 2024. I tried using the following method in base.css file as suggested elsewhere, but it only removed it from desktop and not in mobile. This method suggested here worked for both. Thank you!

.main-page-title {
display: none; /* Hide the main title */
}