Skip to content

How to Add Extra Content to the Mobile Menu

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 top or the bottom of your mobile menu by using the theme’s Custom Actions panel (or hooks via your child theme).

Adding Basic Text/HTML

If you just wanted to insert some custom text or HTML you can go to Theme Panel > Custom Actions and locate the “Mobile Menu” section where you will find the wpex_hook_mobile_menu_top and wpex_hook_mobile_menu_bottom hooks.

Click on the hook you want to add your code to and add anything you want.

Inserting a Template

Inserting template content into your mobile menu is basically the same process as adding simple text (last section) but you will want to first create your template by going to Theme Panel > Dynamic Templates.

You can add anything you want in your template and save your template as a “Part” type since the template is not intended to be used as a singular/archive/header or footer template.

Once you’ve added and saved your template you can go back to the main Dynamic Templates dashboard click on the “part” filter and here you can copy the template shortcode.

Once you’ve copied your shortcode you can now go to Theme Panel > Custom Actions and you can paste your template shortcode into the hook where you want your template to display.

Back To Top