How to display the Customizr(-Pro) vertical menu only in mobiles

⚠️ Code snippets might not be compatible with the latest version of your theme. Always use a child theme to customize your theme, and test your code on a staging website before migrating to production.

You can search the user’s forum or ask the user community by opening a new thread in the Customizr theme forum. Before opening a new topic, you might want to follow the troubleshooting steps..

Here’s a simple snippet in order to display the vertical menu only in mobiles, keeping the regular one in desktop devices:

add_filter('tc_opt_tc_menu_style', 'tc_vertical_menu_in_mobiles');
function tc_vertical_menu_in_mobiles( $type ) {
  return wp_is_mobile() ? 'aside' : $type;

Where to copy/paste this code?
Add it to your child-theme functions.php.
Everything you need to know about creating a child theme with Customizr here.

Goodbye and goodluck 🙂

6 thoughts on “How to display the Customizr(-Pro) vertical menu only in mobiles”

Comments are closed.