How to hide page title on one or multiple pages?

[Abhishek_Singh]

Hi,

I’m using default spotlight theme and want to hide page title of below page:

https://ausfin.in/pages/lumpsum-calculator

[PageFly-Victor]

Hi @Abhishek_Singh ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/base.css->paste below code at the bottom of the file:

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

Hope my answer will help you.

Best regards,

Victor | PageFly

[Ecommpremium]

Hi @Abhishek_Singh 

Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/base.css->paste below code at the bottom of the file:

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

[GemPages]

Hello @Abhishek_Singh ,

It's the GemPages Support Team and we are glad to assist you today!

I would like to give you the recommendation to support you so kindly follow the steps below:

1. Go to Online Store > Theme > Edit code of your current theme

2. Open your theme.liquid theme file

3. Paste the below code before </head>

{% if page.handle == 'lumpsum-calculator' %}
<style>
.main-page-title.page-title {
 display: none;
}
</style>
{% endif %}

Let us know how it works for you.

Best regards,
GemPages Support Team

[flareAI]

Hello @Abhishek_Singh,

I am Gina from flareAI app - get free sales from Google. Hope you are having a good day.

To hide the page title of a specific page on the Shopify Spotlight theme, you can follow these steps:

1. Go to the Pages section of your Shopify admin.
2. Click on the page whose title you want to hide.
3. Click on the "Edit website SEO" button in the right-hand panel.
4. In the "Page title" field, delete the title text.
5. Click "Save" to save your changes.

This will remove the title of the page from the page itself and also from any search engine results or social media shares. If you want to keep the title for SEO purposes, you can add it to the "Meta Title" field instead.

Gina

[Divin3]

This is wrong, you can only add words to the SEO, page title, you can not remove them. Please suggest another fix

[piranha]

To remove the page titles from pages in Shopify, you can use a bit of custom code. Here’s how you can do it:

1. Access the Theme Editor:

• From your Shopify admin, go to Online Store > Themes.
• Find the theme you want to edit, and click Actions > Edit Code.

2. Locate the Relevant Template Files:

• Look for the template files where the page titles are displayed. These are usually found in the sections or templates folders. Common files to check include:
  • page.liquid (found under templates)
  • header.liquid or page-header.liquid (found under sections)

3. Comment Out or Remove the Title Code:

• In the file, locate the code that renders the page title. It often looks like this:
  liquid

  Code kopieren

  <h1>{{ page.title }}</h1>
• You can either comment it out or remove it entirely. To comment it out, wrap it in {% comment %} and {% endcomment %} tags:
  liquid

  Code kopieren

  {% comment %} <h1>{{ page.title }}</h1> {% endcomment %}
• Alternatively, you can simply delete this line if you’re sure you won’t need it.

4. Save Your Changes:

• After making your changes, click Save.

5. Preview Your Changes:

• Preview your store to make sure the page titles are no longer displayed.

Note:

• If you're using a third-party theme, the code might be different, or there might be settings in the theme editor to toggle page titles on and off without editing the code directly.

• Always make a backup of your theme before making changes to the code, in case you need to revert.

This method should effectively remove page titles from your Shopify pages.