DO NOT Disable Page Title for SEO Purpose [Kadence Theme]

I have been using the Kadence theme for various website projects, and it has worked well until recently. During an audit of a B2B website built with Kadence, the audit tool flagged a critical SEO issue: the homepage had no H1 title tag.

I logged into the homepage editor to investigate why the H1 was missing. Typically, an H1 tag is the large page or post title displayed at the top. For design purposes, I often hide this title by using the “Disable Page Title” option found on the right-hand sidebar in the page layout settings.

However, if the page title is disabled, the H1 tag is removed entirely — which is bad for SEO. To display the H1, you must enable the “Page Title” option. The problem is that enabling it shows the full long-form optimized title on the page, which you may not want visually. Ideally, you’d want to hide the title but still preserve the H1 tag for SEO benefits.

I spent some time finding a solution that hides the H1 visually while avoiding unwanted white space left behind after removing it. Here’s how I solved it:

  1. Enable the Page Title in the homepage editor.
  2. Go to Appearance → Customize in the Kadence theme.
  3. Scroll down and select Additional CSS in the left sidebar.
  4. Add the following code:
/* Hide H1 but keep for SEO */
#post-11 > div > header > h1 {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Catch all common Kadence title wrappers */ 
#post-11 .single-content {
  margin-top: 0 !important;
}

#post-11 .entry-header {
  margin: 0 !important;
}

5. Publish the changes.

    With this, the title is hidden visually, the extra white space is removed, and the H1 tag remains in the source code for SEO purposes.

    This is a simple fix, but it took me some trial and error to figure it out through back-and-forth testing.

    Similar Posts

    Leave a Reply

    Your email address will not be published. Required fields are marked *