Remove the Gobal H1

Hi JB,

The quickest and easiest method for hiding your site title you be to use CSS to do so. Give the following bit of code a try inside of your theme customizer ‘Additional CSS’ section.

Example:

.site-title {
   display: none;
}

Do you want the h1 removed from the markup altogether, or are you just trying to hide it from being visible? The CSS provided above should make it invisible to the sites users.

• This reply was modified 6 years, 11 months ago by Evan Herman.

Hi @jbgglgdev,

This has been addressed in an upcoming release of Primer, which was brought to our attention by another user. Feel free to take a look at the pull request for what is to come https://github.com/godaddy/wp-primer-theme/pull/205.

In the meantime, if you want to remove the h1 tag from the markup altogether, your best bet is to create a custom child theme and work off of that so you can override the page-title.php template file where the <h1> tag is being generated.

This would allow you to include your own page-title.php file, and remove the h1 tag altogether from this file, thus preventing it from ever being rendered on the page or included in the markup.

Outside of that, I would recommend holding off for the next release of primer which is going to only wrap the site title in an h1 on the home page. All subsequent pages will be wrapped in a <div> with the current page (or blog or WooCommerce product) title wrapped in the <h1> to improve the SEO of Primer.

Evan