The mobile menu is completely hidden

By default, the Mobile Menu should appear on screen widths below 600px. You can adjust this value in the Theme Editor (see the Responsive Breakpoint setting).

  • The menu will not switch to a mobile style menu if you have set the Responsive Breakpoint to 0px.
  • The menu will not switch to a mobile style menu until your screen width is below the Responsive Breakpoint value.

If you can’t see the mobile menu at all then it will be due to residual styling. Please check to see if we already have an integration guide for your theme before using the following option.

Here is a fairly typical example of a theme hiding the menu on mobiles/smaller screens:

mobile-menu-hidden

A quick way to ensure your theme does not hide the mobile menu is to use JavaScript. The following JavaScript will apply ‘display: block’ to all parent elements of the menu itself, without the need to edit CSS or template files.

  1. Install the TC Custom JavaScript Plugin
  2. Go to Appearance > Custom JavaScript and enter the following:

Related Articles