How to Enable Mobile Sidebar Toggle on All Screen Sizes

How To  Last Updated: Time to Read: Less than a minute

There are several reasons why you may wish to use the off-canvas sidebar, or what Layers calls the “Mobile Sidebar” on all screen sizes, either to supplement your main menu, to house widgets when using the full-width page and post layouts, or in minimal designs where you prefer a toggle menu.

The following code will enable the mobile toggle button on all screen sizes. This button will display at the right end of your Header Menu and works best with the Logo-Left, Logo Top enter or Logo Top header layouts.

  1. Go to Layers → Customize
  2. Click the CSS panel to expand it
  3. Copy and paste the following code to the CSS field. Place on a new line above any existing code.

4. Click Save Changes