Skip to content

Header

The "Transparent Header" (also referred to as "Overlay Header") in Total allows you to position whatever is at the top of your page under the main header (which will be…

Transparent (Overlay) Header

Total includes the built-in ability to have fixed header or menu on-scroll and it can be adjusted and disabled via the Customizer. Simply go to Appearance > Customize > Header…

Fixed/Sticky Header or Menu on Scroll

If you want to alter the main header logo for specific pages, archives, posts or various sections of the site you can do so easily using the theme filter "wpex_header_logo_img_url"…

Custom Header Logos

Total includes different Header styles that you can choose from with a single click. Simply go to Appearance > Customize > Header > General and select your style. Selecting a…

Changing the Header Style

The Total theme has 2 primary methods for adding a button to your site header. This article will explain both methods. 🛑 Using the Header Builder?This article is intended for…

How to Add a Button in the Header Menu

Important: Since version 3.0.0 this is NO longer required. You can display/hide the search icon in the menu as explained in the docs here: http://totalwptheme.com/docs/header-search/ By default the menu search icon is…

Display Search Icon On Header Style 2 Menu

You can easily decrease the height of your header by altering the top and bottom padding of the header. Simply go to Appearance > Customize > Header > General to alter…

Reduce Header Top & Bottom Padding (smaller header)

By default the Total theme will display your desktop menu from 960px and above and display the mobile menu from 950px and under. However, you can easily alter this (useful…

How To Change The Mobile Menu Breakpoint

Various of the theme's preset header styles include an extra field named "Aside Content" that allow you to add extra content inside your header, typically next to the menu. The…

Adding Extra Content to the Header (Side Content)

By default the Total theme centers all your content based on your site widths settings or default values. If you want you can make your entire site 100% wide by tweaking…

Full-Width Header

The Total WordPress theme "Header Builder" allows you to create a custom site header using your page builder of choice (WPBakery, Elementor or Gutenberg). This will allow you to make…

Header Builder: Design Your Custom Site Header

The Total theme includes the ability to display a search link in the header menu that will "toggle" (display) the search when clicked. However, sometimes you may want to disable…

Manually Toggle/Show Header Search

By default the theme header in the Total theme is enabled (of course), however, in some cases you may want to completely disable the theme's default Header globally. Especially if…

How to Enable/Disable The Site Header

The Total theme doesn't apply any max-width to your logo to give you the freedom to have any logo size you want on your site. This, however, can potentially cause…

Logo Mobile Offset (prevent overlaps)

In Total 5.3 we introduced new new Header Menu Dropdown Methods to select from in the Customizer under Appearance > Customize > Header > Menu Dropdowns. Previously the theme always…

Header Menu Dropdown Methods

By default the Total theme's mobile menu is composed of your primary menu and a search element (if enabled). However it's very easy to insert extra content either at the…

How to Add Extra Content to the Mobile Menu

In some cases you may want to add a link to your main header menu but only for display in mobile devices. For example, if your header has a button…

How to add a Menu Link that Only Shows on Mobile Devices
Back To Top