Dawn theme: hamburger menu & centered logo on desktop

Dawn theme: hamburger menu & centered logo on desktop

If you are already using the newest, blazing fast Shopify's Dawn theme and wanting to have a modern-looking header, this is the right place!

In this tutorial I'll teach you how to enable a "hamburger" menu on Dawn whilst also centering the logo. All it takes is copying & pasting a single piece of CSS code.

Adding the code to your theme

  1. In your Shopify admin, go to Online Store > Themes Actions Edit Code.
  2. Find Assets > base.css 
  3. Paste this code at the bottom of the file:
    gist
    
  4. And that's it, you are all set!

Back to blog

Leave a comment