You are here:
< Back

Setting Up Page Title Bar

The Page Title Bar is the horizontal bar that sits directly below the menu/header and contains the page title text, as well as breadcrumbs, or the search box. The page title bar can be completely displayed or hidden on every page or post globally, or you can display or hide it individually per page or post. There are also numerous options to customize the page title bar. The page title bar has global options found in the Avada > Theme Options > Page Title Bar panel, and individual options in the Fusion Page Options found in all pages and posts that will override global settings.

IMPORTANT NOTE: For Avada 5.5 we have enhanced the handling of H1 & H2 automatic assignment for titles in the Page Title Bar and single posts. The post header for single posts, single FAQ, single portfolio, and WooCommerce single product pages will automatically default to H1 if for example the Page Title Bar >> Page Title Bar Text is set to > Hide. if Page Title Bar >> Page Title Bar Text is set to > Show then the post header will default automatically to H1. To learn more click here.

How To Setup The Page Title Bar Globally

Step 1 – Navigate to the Avada > Theme Options > Page Title Bar panel to access the page title bar options.

Step 2 – Locate the ‘Page Title Bar’ dropdown and select either the Show Bar and Content or Show Content Only option to enable the Page Title Bar.

Step 3 – In the Page Title Bar panel, you can also customize other options such as page title bar styling, background image, and the like.

Step 4 – The right side of the page title bar can display breadcrumbs or a search box. To choose which one, navigate to the Avada > Theme Options > Page Title Bar > Breadcrumbs sub-panel and locate the ‘Breadcrumbs Content Display’ option.

Step 5 – These settings will take effect for all page title bars on your site. To set different settings per page or post, please see the following section.

How To Set The Page Title Bar Per Page/Post

Step 1 – Create a new page or post or edit an existing one.

Step 2 – Scroll down the page to find the ‘Fusion Page Options’ box and find the ‘Page Title Bar’ tab.

Step 3 – In this tab, there are numerous options that you can set to customize the page title bar per page or post. You can show or hide the page title bar per page/post, enter custom title text or subhead text, choose custom background image or color, set parallax effect and change the overall height of the bar. All of those options will take effect for the individual page or post you set them on.

Step 4 – When finished, make sure to save the page or post by clicking the ‘Save Draft’ or ‘Publish’ button.