By default when using certain header styles (header style one, two, three, four, five and six) the search icon is…
By default in mobile menus you click on the arrow to open the dropdowns leaving room on the side if…
An example of how you could insert a custom mobile menu that is fixed at the bottom of your site.…
add_action( 'wp_footer', function() { ?> ( function( $ ) { 'use strict'; $( window ).on( 'load', function() { var $nav…
.navbar-style-one .dropdown-menu > li > a > span:after { content: ""; height: 24px; width: 1px; background: #ccc; position: absolute; right:…
When using header sytle one by default the theme adds javascript so that your megamenu expands full-width so it's always…
This little bit of CSS will add borders between your items in header style three (bottom centered menu). The CSS…
If you are using a 3rd party plugin for your mobile menu, such as the SuperFly menu you can easily…
This CSS snippet can be added to your site if you want to always display your sidebar mobile menu dropdowns…
This snippet will allow you to change the header menu search style used when displaying the site with an overlay/transparent…
By default active classes aren't added to the portfolio, staff, testimonials items in the main menu while viewing the singular…
Make sure to change the 300 to the ID of your menu item you are targeting. You can view this…
Because of how WordPress menus work the only way to add a login/logout is either using a plugin or custom…
add_action( 'wp_footer', function() { ?> ( function( $ ) { 'use strict'; $( '.search-toggle-li' ).hover( function() { $( this ).toggleClass(…
#site-navigation .dropdown-menu > li > a > span.link-inner { position: relative; } #site-navigation .dropdown-menu > li > a > span.link-inner:after…
function myprefix_edit_classes( $classes, $item ) { if ( ( $key = array_search( 'current-menu-parent', $classes ) ) !== false ) {…
add_filter( 'walker_nav_menu_start_el', function( $item_output, $item, $depth, $args ) { if ( 'main_menu' == $args->theme_location && $item->description ) { $item_output =…
Important: In Total 5.3+ you can now choose your header menu dropdown method (superfish, CSS hover or click) so you…
// Disables the search in the menu when a custom menu is being used on the page function myprefix_menu_search_display() {…
@media only screen and (max-width: 959px) { #site-header #site-logo { float: none; display: block; } } #mobile-menu { position: inherit;…
.navbar-style-one { height: 100%; margin-top: 0; top: 0; } .navbar-style-one #site-navigation, .navbar-style-one .dropdown-menu, .navbar-style-one .dropdown-menu > li, .navbar-style-one .dropdown-menu >…
body .navbar-style-one { position: relative; top: auto; right: auto; margin: 0; float: left; }
Updated for Total 5.3+
/** * Add this function to your child theme's functions.php file which should be active site wide * Then log…
In the Total theme the main header menu by default uses the "main_menu" location. However, you can easily alter the…