You just installed Dawn (or Refresh, or Sense), and your menu works. Categories show up, the hamburger icon opens on mobile, and the cart icon sits in the top-right corner. You think: “Good enough, I’ll move on to product photos.”
That instinct will cost you conversions. Not because these themes are bad—they’re genuinely well-built. But “works” and “works well for selling” are different things. Each default theme makes specific design trade-offs, and some of those trade-offs actively hurt new stores.
This guide walks through the three most popular free Shopify themes—Dawn, Refresh, and Sense—and identifies exactly which menu features are good enough to keep, which need minor tweaks, and which you should change immediately.
- Dawn's navigation is clean and fast but lacks mega menu support and mobile tab bar out of the box
- Refresh (2024) adds a more modern header but still uses the standard hamburger pattern on mobile
- Sense prioritizes visual appeal and works well for image-heavy brands but can feel slow on lower-end phones
- All three themes share common gaps: no bottom tab bar, no menu icons, limited mobile customization
- You can fix most issues through theme settings—only a few require apps or custom code
A quick note on theme choice
If you haven’t picked a theme yet, don’t overthink it. Dawn, Refresh, and Sense are all free, all maintained by Shopify, and all perform well out of the box. The differences are mostly visual—Dawn is minimal, Refresh is modern, Sense is editorial.
For navigation specifically, none of the three has a clear advantage over the others. The same gaps and strengths apply across all three. Choose based on your brand aesthetic, then customize the navigation.
Dawn: the most popular default theme
Dawn is Shopify’s flagship free theme, and the one most new stores start with. It’s intentionally minimal, fast-loading, and follows accessibility best practices. Let’s break down its navigation.
What works well
Clean header structure. Dawn’s header is straightforward: logo on the left, horizontal menu in the center or left-aligned, utility icons (search, account, cart) on the right. This follows the standard e-commerce layout that users expect.
Decent mobile menu. The hamburger icon opens a clean slide-out drawer with your menu items. It supports one level of nesting (tap a parent to expand children), which is enough for most small-to-medium stores.
Fast loading. Dawn’s navigation is lightweight. It doesn’t load heavy JavaScript frameworks or custom animations, so the menu appears quickly even on slow connections. In PageSpeed Insights tests, Dawn consistently scores 85+ on mobile performance.
Sticky header option. In Theme Settings → Header, you can enable a sticky header that stays visible as users scroll. This keeps your menu, search, and cart accessible at all times—a significant usability improvement that many store owners forget to turn on.
Built-in search. Dawn includes a search icon in the header that opens a predictive search overlay. It shows results as you type, which helps customers find products faster.
What needs tweaking
No mega menu by default. Dawn supports dropdown menus (one level of subcategories), but not true mega menus with multi-column layouts, category images, or promotional banners. For stores with 30+ products, a dropdown with 15 subcategories becomes a long, scrollable list that’s hard to navigate.
Workaround: You can create a pseudo-mega-menu by organizing your Shopify navigation into logical groups (Online Store → Navigation), but the visual result is still a single-column dropdown. For a real multi-column mega menu with images, you’ll need a navigation app.
Search icon vs. search bar. On desktop, Dawn shows only a magnifying glass icon by default. Clicking it opens the search overlay, which is fine—but research from Baymard Institute shows that a visible search field (not just an icon) increases search usage by 20-30%.
Workaround: Some Dawn customizations allow you to display a persistent search bar in the header. Check your theme settings or the Dawn documentation for “predictive search” options. If your theme version doesn’t support this, a search-focused app can add it.
Header announcement bar limitations. Dawn’s announcement bar supports text and a link, but not multiple rotating messages or countdown timers. For promoting shipping thresholds (“Free shipping over $50”) or limited-time offers, a single static message is functional but basic.
What to change immediately
Enable sticky header. Go to Theme Settings → Header → check “Enable sticky header.” This one toggle makes your navigation accessible at all times instead of disappearing on scroll. There’s no downside.
Turn on predictive search. In Theme Settings, make sure predictive search is enabled. It shows product suggestions as customers type, reducing the steps between search and product page.
Check your menu depth. Go to Online Store → Navigation and review your menu structure. If any category is nested more than two levels deep (Category → Subcategory → Sub-subcategory), flatten it. Dawn’s mobile menu handles one level of nesting gracefully but gets awkward at two or more levels.
Refresh: the modern update
Refresh is one of Shopify’s newer free themes, released in 2024. It takes Dawn’s performance-focused approach and adds more visual polish—rounded corners, softer typography, and a slightly different header layout.
What works well
Updated header layout. Refresh offers multiple header layout options: logo left with inline menu, logo center with menu below, or a compact layout for smaller screens. This flexibility lets you match your brand’s style without custom code.
Improved mobile drawer. The mobile menu drawer in Refresh feels more polished than Dawn’s. It includes smoother animations, clearer typography, and better spacing between tap targets. The visual hierarchy between parent categories and subcategories is more distinct.
Collection page filters. While not strictly navigation, Refresh’s collection page includes built-in filter and sort functionality that’s cleaner than Dawn’s default. Customers can filter by price, availability, and product type—reducing the burden on your main menu to surface every variation.
Accessibility. Like Dawn, Refresh follows WCAG guidelines. Menu items have proper ARIA labels, focus states are visible for keyboard navigation, and contrast ratios meet accessibility standards.
What needs tweaking
Similar mega menu limitations. Refresh inherits the same constraint as Dawn: dropdown menus support subcategories, but true mega menus with images and multi-column layouts require additional customization or an app.
Animation performance on older devices. Refresh’s smoother animations look great on newer phones but can cause slight lag on older devices (iPhone SE, budget Android phones). If your target audience includes price-sensitive shoppers using older hardware, test on a lower-end device.
Workaround: Most animation-related lag can be mitigated by reducing the number of menu items and disabling parallax effects in the theme settings.
What to change immediately
Enable sticky header. Same as Dawn—enable it in Theme Settings → Header. Refresh’s sticky header is slightly more compact than the full header, which is good: it saves screen space while keeping navigation accessible.
Review header layout options. Refresh offers 3-4 header layout variants. Try each and see which one gives your categories the most visibility. For stores with 5+ top-level categories, a layout with the menu below the logo (full-width) often works better than cramming everything into one row.
Audit mobile spacing. Even though Refresh’s mobile menu has better default spacing than Dawn, review it with actual thumb-tapping. If any items are too close together, increase the menu padding in your theme’s custom CSS or section settings.
Sense: the editorial theme
Sense is designed for brands that lean into storytelling—think artisan products, beauty brands, or lifestyle stores. Its navigation reflects that editorial focus.
What works well
Visual weight in the header. Sense’s header gives more room for your logo and brand identity. The navigation feels intentional rather than utilitarian, which suits brands where aesthetic is a selling point.
Image-friendly collection pages. Sense’s collection layout emphasizes product imagery, and the navigation supports this by keeping menus clean and uncluttered. For stores where the product photos sell better than category names, this is an advantage.
Elegant mobile menu. Sense’s mobile drawer is visually refined—clean typography, generous whitespace, smooth transitions. It creates a premium feel that matches editorial or luxury brands.
What needs tweaking
Fewer header layout options. Compared to Dawn and Refresh, Sense offers fewer customization options for header layout. The logo placement and menu position are more locked-in, which can feel restrictive if your category structure doesn’t fit the default layout.
Performance trade-offs. Sense loads slightly more CSS and JavaScript than Dawn, primarily for visual effects. For most stores the difference is negligible (50-100ms on mobile), but if you’re stacking other apps on top, every millisecond counts.
Workaround: Minimize third-party scripts and avoid installing multiple apps that add JavaScript to your header. If you’re using Sense, be especially mindful of total page weight.
What to change immediately
Simplify your menu structure. Sense’s elegant menu design works best with fewer, well-chosen categories (5-7 top-level items). If you’ve inherited a complex category tree from a previous theme, this is a good time to consolidate.
Test on mid-range Android devices. Sense’s visual polish is designed for modern screens, but a significant portion of global e-commerce traffic comes from mid-range phones. Open your store on a Samsung Galaxy A-series or similar device and verify the menu opens smoothly.
Enable search prominently. Sense’s search icon can feel secondary to the visual design. Make sure it’s positioned prominently in the header—customers shouldn’t have to hunt for it.
Gaps shared by all three themes
Regardless of which theme you choose, all three share navigation limitations that affect new store owners:
No bottom tab bar
None of Shopify’s free themes include a mobile bottom tab bar (the Instagram/Amazon-style navigation at the bottom of the screen). This is a significant gap because:
- Tab bars keep navigation visible without requiring a tap to open the hamburger menu
- They’re thumb-friendly (bottom of the screen is the easiest reach zone)
- They reduce the steps from “browsing” to “navigating” from 2 taps (open menu → select category) to 1 tap
Adding a tab bar requires a navigation app or custom theme code.
No menu icons
All three themes display text-only menu items. No icons for Home, Search, Cart, or categories. Research shows that pairing icons with text labels improves scan speed by 20-35% and helps customers orient themselves faster.
Limited mobile customization
You can’t configure separate mobile and desktop menus natively. What you set up in Online Store → Navigation applies to both screen sizes. But mobile and desktop users have different needs—mobile menus should be flatter and more direct, while desktop menus can afford more depth.
No menu analytics
None of these themes tell you which menu items get clicked most, which categories drive the most traffic, or which navigation paths lead to purchases. You need Google Analytics event tracking or a dedicated navigation app to get this data.
| Feature | Dawn | Refresh | Sense | Ideal |
|---|---|---|---|---|
| Sticky header | Yes (toggle) | Yes (toggle) | Yes (toggle) | Yes |
| Mega menu | No | No | No | Multi-column with images |
| Mobile tab bar | No | No | No | 4-5 tabs at bottom |
| Menu icons | No | No | No | Icons + text labels |
| Predictive search | Yes | Yes | Yes | Yes |
| Separate mobile/desktop menus | No | No | No | Independent configuration |
| Menu click analytics | No | No | No | Built-in click tracking |
| Dropdown subcategories | Yes (1 level) | Yes (1 level) | Yes (1 level) | 2+ levels |
When the default is enough (and when it’s not)
Keep the defaults if:
- You have fewer than 30 products
- Your category structure is flat (5-7 categories, no subcategories)
- Your traffic is primarily desktop
- You’re just launching and want to validate product-market fit before investing in navigation
In this scenario, Dawn, Refresh, or Sense with the sticky header enabled and predictive search turned on will serve you well. Don’t spend money on navigation apps until you have traffic data showing where customers get stuck.
Upgrade if:
- You have 30+ products with subcategories
- Mobile traffic exceeds 50% (check in Shopify Analytics → Online Store → Sessions by device)
- Your bounce rate is above 60% and you suspect navigation confusion
- You want a mega menu with category images, icons, or promotional banners
- You need a mobile tab bar for thumb-friendly browsing
For these scenarios, a navigation app like Navi+ Menu Builder can bridge the gap between what your theme offers and what your customers need. It layers on top of your existing theme without replacing it, adding mega menus, tab bars, icons, and separate mobile/desktop configurations.
Theme updatesShopify regularly updates its free themes. Some gaps mentioned here may be addressed in future versions. After a theme update, re-test your navigation to see if new features have been added—and to make sure existing customizations weren't overwritten.
Your next steps
- Identify your theme. Go to Online Store → Themes to confirm which theme you’re running.
- Enable sticky header. Every theme supports this. Turn it on now.
- Enable predictive search. Same—one toggle, immediate improvement.
- Review the comparison table above. Identify which gaps matter most for your store size and traffic pattern.
- Decide: tweak or upgrade. If the defaults cover your needs, focus on content and marketing. If you need mega menus, tab bars, or mobile-specific layouts, evaluate a navigation app.
Default Shopify themes give you a solid starting point for navigation, and for many new stores, that starting point is genuinely good enough. The key is knowing which features to enable immediately (sticky header, predictive search) and which limitations will matter as your store grows (no mega menu, no tab bar, no separate mobile menus). Start with what you have, track where customers struggle, and upgrade deliberately when the data tells you to.
This article is part of the larger guide on Navigation basics for your first online store: the 5 essentials.