How to remove navigation on mobile

If you're using two menus on desktop (i.e. a top menu and a menu below the header), you may not one or the other to appear on mobile.

Note: This tutorial will not apply if your theme uses a custom mobile menu. Currently, our Audrey, Clover, Harper, and Magnolia themes have a custom mobile menu.

Disable only top menu on mobile

  1. Click here and copy the code.
  2. Go to Appearance > Customize > Additional CSS.
  3. Paste the code in the box, then click Publish.

Disable only below header menu on mobile

  1. Click here and copy the code.
  2. Go to Appearance > Customize > Additional CSS.
  3. Paste the code in the box, then click Publish.