Remove Page titles from all pages

bellandrew96 · ‎02-02-2025

Hi,

Been wanting to remove page titles from all of my pages on every page in Shopify but having diffuculties when inputing the code. I don't have base.css or theme.css.liquid. Where do I input the code and what code exactly? Using the debut theme.

Many thanks,

Andrew Bell

Made4uo-Ribe · ‎02-02-2025

Thanks for the info, do you mean this headers?

If it is try this one.

From your Shopify admin dashboard, click on "Online Store" and then "Themes".
Find the theme that you want to edit and click on "Actions" and then "Edit code".
In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

main#MainContent h1 {
    display: none;
}

And Save.
Result:
For the code showing, you need to remove this code in your theme.liquid.

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. ☕ Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

View solution in original post

ProtoMan44 · ‎02-02-2025

@bellandrew96 Hey, thanks for posting here.
Edit theme.liquid File (Recommended)

In your Shopify Admin, go to Online Store > Themes.
Click Actions > Edit Code.
In the Layout folder, open theme.liquid.
Look for this line inside the <body> tag:

<h1 class="page-title">{{ page.title }}</h1>

5. Either delete this line or comment it out like this

{%- comment -%}
<h1 class="page-title">{{ page.title }}</h1>
{%- endcomment -%}

6. Click Save and check if the page titles are removed.

- A thirsty developer passionate about supporting the community. If you'd like to, you can

Buy me a Coffee.✨️

- Your Shopify Solution Specialist Get a Quote at

ProtoMan44

-

Chat On Whatsapp

Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!

CodingFifty · ‎02-02-2025

Hi @bellandrew96,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

.page-title {
    display: none !important;
}

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com

Bundler-Manuel · ‎02-02-2025

Hi there @bellandrew96 You should head to the Edit Code section then base.css and then copy and paste this code

.section-template--18140824568087__main-padding > h1.main-page-title.page-title.h0 {
display: none !important;
}
Let me know if it works for you.

Emmanuel
Please let me know if it works by marking it as a solution!
Bundler - Product Bundles app, a great bundle app for Shopify, with glowing user testimonials and a free plan.

bellandrew96 · ‎02-02-2025

Hi, haven’t got base.css

CodingFifty · ‎02-02-2025

<style>
.section-template--18140824568087__main-padding > h1.main-page-title.page-title.h0 {
display: none !important;
} 
.page-title {
    display: none !important;
}
</style>

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com

Made4uo-Ribe · ‎02-02-2025

Hi @bellandrew96

Please, share your store URL. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. ☕ Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

bellandrew96 · ‎02-02-2025

https://marrabellclothing.com

also have an issue with the random code showing at the bottom of the page would you be able to help with that also?

Made4uo-Ribe · ‎02-02-2025

Thanks for the info, do you mean this headers?

If it is try this one.

From your Shopify admin dashboard, click on "Online Store" and then "Themes".
Find the theme that you want to edit and click on "Actions" and then "Edit code".
In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

main#MainContent h1 {
    display: none;
}

And Save.
Result:
For the code showing, you need to remove this code in your theme.liquid.

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. ☕ Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

Remove Page titles from all pages