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.
Topic summary
Users are seeking to remove page titles from pages built with Shopify’s Dawn theme, specifically addressing visible title headers that appear above page content.
Primary Solutions Offered:
-
CSS hiding method: Add custom CSS code in theme.liquid file (above the
</body>tag) to hide the title element usingdisplay: none. This is the quickest approach but doesn’t fully remove the element from the DOM. -
Template file editing: Locate and delete the page title markup in the
main-page.liquidfile (lines 22-24 in Dawn theme), which contains{{ page.title | escape }}. This completely removes the title rather than just hiding it. -
Custom page template: Create a new page template without title display, then assign pages to this template (video tutorial provided).
Known Issues:
- CSS hiding may leave white space gaps between header and content
- Page title may briefly flash on load before being hidden
- Some users report page descriptions appearing after title removal
Current Status: Multiple working solutions exist, though the template editing approach appears most thorough for complete removal without residual spacing issues.