Hide Page Title and Keep Breadcrumb

This is a Developer Level doc.

If you're unfamiliar with CSS/PHP and/or editing files, codes and templates, as well as with resolving possible conflict, please seek help from a professional. Under our Support Policy, we don't provide support for modifications and customization.

Disable Page Title Using CSS

If you wish to hide the page title but keep only breadcrumbs enabled, use the following CSS snippet:

/* Hide page title */
.page-header .page-header-title { display: none; }

All CSS snippets should be added via a child theme's style.css file or using the built-in Custom CSS panel.

Disable Page Title Using PHP

If you want to disable the page title and keep breadcrumbs, but also remove the page title from the pages' source code, use the following PHP snippet:

// Remove the page heading
function prefix_page_header_heading( $return ) {
   $return = false;    
add_filter(  'ocean_display_page_header_heading',  'prefix_page_header_heading'  );

All PHP snippets should be added via a child theme's functions.php file.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.