How to hide site title & tagline separately

How to hide site title & tagline separately

Currently the option “Display Site Title and Tagline” in customizer is a default feature of WordPress core. It’s a limitation of the WordPress software itself, and not theme-related.

The WordPress Core team is already discussing adding features that make Site Title and Tagline hidden independently. Please read this thread to find out more information: https://core.trac.wordpress.org/ticket/37516

Therefore, we did not add this feature in our theme.

But before WordPress releases this new feature, if you’d like to hide site title & tagline separately, you can add simple custom CSS to do it.

To hide site title only, please add the following CSS to your customizer > Additional CSS:

.site-branding .site-title {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
}

To hide site tagline only, please add the following CSS to your customizer > Additional CSS:

.site-branding .site-description {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
}

To know more information about how to add custom CSS to your site, please check our online documentation: Additional CSS.