How do I design my own header with drag and drop?

Use the Header Visual Builder:

1. Go to Settings → Appearance → Layout Settings, Header tab.
2. Tick the Header Visual Builder box so it shows Builder ON.
3. Click 🎨 Open Header Builder.
4. Pick a header in the switcher at the top. Built-in headers can't be edited directly, so click ⧉ Clone to edit to make your own copy.
5. Add rows and columns and drop in the logo, menu, search and cart. The columns in a row can't add up to more than 12.
6. Check the Desktop, Mobile and Tablet tabs, then click Publish to make it your live header.

If you see 🔒 Upgrade to unlock instead of the box, the Header & Footer Builder isn't included in your plan.