Some browsers may display focus styles when clicking on the mobile menu toggle and accessing the mobile menu. This is…
This snippet will allow you to modify the default Total theme's hamburger icon with a custom SVG icon (or any…
This snippet shows how you could easily display the cart_link shortcode in your mobile menu toggle area. Of course you…
The following snippet is an example of how you can use the "wpex_hook_mobile_menu_bottom" action hook to insert custom content at…
This snippet shows you how you can insert custom content to the top of the mobile menu using theme hooks.…
An example of how you could insert a custom mobile menu that is fixed at the bottom of your site.…
Here is an example CSS to make the hamburger icon bigger in the Total WordPress theme. The way the icon…
add_filter( 'wpex_mobile_menu_open_button_text', function() { return wpex_get_theme_icon_html( 'bars' ); } );
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…
body .wpex-open-submenu span { font-family: "Arial"; font-size: 16px; } body .wpex-open-submenu span::before { content: "\002B" !important; font-family: "Arial" } /*…
// Add new widget area "toggle_sidebar" add_action( 'widgets_init', function() { register_sidebar( array( 'name' => 'Toggle Sidebar', 'id' => 'mobile_menu_sidr_widgets', 'before_widget'…
.sidr-class-megamenu ul .sidr-class-dropdown-toggle { display: none !important; } .sidr-class-megamenu > ul > li > a { display: none !important; padding:…
Make sure to change 'PAGE_ID' with the ID of the page where you want to disable responsiveness or change the…
add_filter( 'wpex_mobile_menu_source', function( $array ) { $get_nav = $array['nav']; // store nav unset( $array['nav'] ); // remove nav $array['nav'] =…
This will add an extra logo to your header which will show up at the mobile menu breakpoint while hiding…
/** * Example function to change the mobile menu style * Available styles: full_screen, sidr, toggle, disabled * * @see…
By default mobile icons hide for phone sizes to prevent conflicts with the logo, but they can be displayed with…
/** * Sample function to add/remove items from the sidebar mobile menu * @link Total/framework/core.php */ function my_add_to_mobile_menu( $array )…
/* Hide mobile menu - can also be done with PHP see related doc */ .sidr-class-mobile-menu-searchform { display: none !important;…
This snippet allows you to hide the default menu completely and show only the mobile menu for all screen sizes…
// Move sidebar before content so it displays at the top on mobile add_action( 'init', function() { remove_action( 'wpex_hook_primary_after', 'wpex_get_sidebar_template'…
/* Positon mobile menu under logo /* Will no longer work with fixed header without additional tweaks */ body #mobile-menu…
// Disable mobile displace for the sidr mobile menu function my_disable_sidr_displace( $array ) { // Set sidrDisplace to false $array['sidrDisplace']…
// Example 1: Change the output completely. add_filter( 'wpex_mobile_menu_toggle_icon', function( $output ) { return 'YOUR CUSTOM TEXT OR HTML'; }…