Skip to content

Mobile

Disabling Responsiveness is very easy in the Total theme. Simply go to Appearance > Customize > Layout > General and uncheck the Responsiveness option. Make sure you also disable responsiveness for Visual Composer elements under the Visual Composer settings.

Disable Responsiveness (mobile css)

Total by default includes 2 different mobile menu styles to choose from. Below are the instructions for selecting your mobile menu style and also screenshots for examples of what they each look like. Selecting Your Mobile Menu Style To select your mobile menu style simply log into your WordPress dashboard then go to Appearance >…

Mobile Menu Styles

The mobile icons menu works a bit differently then standard menus. To create your mobile menu you need to create a new menu then instead of adding the names of your pages such as Portfolio, Blog, Contact…etc, your Navigation Label will be the theme icon name you want to display for that menu item. Please…

Creating A Mobile Icons Menu

The Total theme comes with various options for your mobile devices for opening your mobile menu (aka the Mobile Menu Toggle) this is to ensure there is a design that best fits your needs, for example users with a large logo may want to use the “Navbar” mobile menu toggle to leave run for their…

Mobile Menu “Toggle” Styles

By default the Total theme adds a searchform to the sidebar and toggle mobile menu styles so your mobile visitors can easily search your site. However, if you don’t want it or don’t like it you can disable it via the settings at Appearance > Customize > Header > Mobile Menu.

How To Disable Mobile Menu Search Form

Total includes many useful classes for responsiveness so you can show/hide items. Core Total WPBakery modules and the WPBakery rows have settings built-in already to show/hide items but some modules may not have the built-in settings if they are core WPbakery modules or 3rd party modules. However you can still use the Total theme classes…

Responsive/Visibility Classes

In the Total theme you can create a custom menu and assign it to be used for mobile devices only. To do this simply go to Appearance > Menus and create a new menu and add the items you want. Then assign it to the  location.

Create A Custom Mobile Menu (Alternative menu for mobile only)

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…

How to Add Extra Content to the Mobile Menu
Back To Top