By default when you enable the Hover & Active Underline option for your Header Menu it will display a line…
By default the header cart icon count bubble displays next to the icon, this is primarily so that it's larger…
This snippet explains how you can replace the default header menu in the vertical header with a custom accordion style…
This sample snippet show you how to insert a button (it can be anything though) inside the Header Menu Mobile…
If you want to setup different templates for your Header Builder you can do so by hooking into the "wpex_header_builder_page_id"…
If you enable the Dev style Header it will load all the header components but without any CSS. Here is…
This snippet will register a new "Header Aside" widget area under Appearance > Widgets or Customize > Widgets which you…
@media only screen and (min-width: 960px) { body #site-header-inner { text-align: center; } body .header-one #site-logo { display: inline-block; float:…
The Total "header builder" function replaces the entire header function as it's more efficient this way, but if you want…
IMPORTANT: Customizer setting added in Total 5.1 for this (see Header > Menu > Stretch Items?)
add_filter( 'wpex_header_classes', function( $classes ) { // This will hide your entire header at the mobile menu breakpoint which is…
#site-navigation .sf-menu ul.sub-menu { width: 140px; left: 50%; margin-left: -70px; } #site-navigation-wrap.wpex-dropdowns-caret .dropdown-menu ul.sub-menu::before { left: 50%; margin-left: -7px; }…
Important: This snippet has been deprecated because we've released a plugin so that you can accomplish the same thing but…
// Add new widget area "toggle_sidebar" add_action( 'widgets_init', function() { register_sidebar( array( 'name' => 'Toggle Sidebar', 'id' => 'mobile_menu_sidr_widgets', 'before_widget'…
This snippet will allow you to change the header menu search style used when displaying the site with an overlay/transparent…
body #site-header, body #site-header-sticky-wrapper.is-sticky #site-header { background: #000 url( 'YOUR_IMAGE_URL' ) repeat; }
If you are working on a site where you are using the overlay header for a specific design on multiple…
// Enable overlay header site-wide add_filter( 'wpex_has_overlay_header', '__return_true' ); // Overlay header style add_filter( 'wpex_header_overlay_style', function( $style ) { $meta…
add_filter( 'wpex_header_style', function( $style ) { if ( wpex_has_overlay_header() ) { $style = 'three'; } return $style; } );
body #site-header, body #site-header-sticky-wrapper.is-sticky #site-header { background: #000 url( YOUR_IMAGE_BACKBGROUND_URL ); }
@media only screen and (min-width: 960px) { body.wpex-has-vertical-header #site-header { width: 400px !important; } body.wpex-has-vertical-header.full-width-main-layout #wrap { padding-left: 400px !important;…
// Remove title from page header area add_action( 'init', function() { remove_action( 'wpex_hook_page_header_inner', 'wpex_page_header_title' ); remove_action( 'wpex_hook_page_header_content', 'wpex_page_header_title' ); //…
add_filter( 'wpex_menu_search_style', function( $style ) { $style = 'overlay'; return $style; } );
The Total theme's sticky header is very complex as it takes in a lot of data because Total allows for…
You can now do this via a Customizer option at Customize > Header > Menu > Center Menu Items so…