Connect the main navigation
- Create your navigation menu in Shopify, including the correct resource links and any child items.
- In the theme editor, open Header → Menu and select that menu.
- Choose Desktop menu trigger and Desktop Header layout. Adjust Desktop header height and Mobile header height as needed.
- Choose Mobile menu style: Accordion or Page navigation. Test both the parent links and submenu controls.
Add a mega menu
Add a Mega menu block under Header. Set Menu item to the title of the top-level menu item you want to enhance. Matching uses normalized titles, so use a distinct menu title. Select a Collection and optional Promotion image, text and link. The Show featured products in mobile navigation and Show promotion in mobile navigation controls decide whether those additions appear in the mobile menu.
Control mobile scrolling behavior
| Control | Behavior |
|---|---|
| Mobile header sticky behavior | Show when scrolling up or Always visible. |
| Mobile bottom navigation behavior | Show when scrolling down or Always visible. The default is Show when scrolling down. |
| Mobile bottom navigation items | Collection, Menu, Cart and Search. The top header provides the account entry. |
| Open menu drawer | The bottom navigation hides while the menu is open. In scroll mode it returns after the menu closes and the shopper scrolls down. |
Customer-account availability depends on your Shopify account settings. Configure customer accounts in Shopify, then check the actual account entry on desktop and mobile. Do not use a theme change as a substitute for enabling accounts.
Build the footer with blocks
- Open Footer. Add or edit Brand, Footer menu and Newsletter blocks.
- Choose the logo and description in Brand. Set Heading and Menu for each Footer menu block. Mobile menu state controls whether its links start Open or Closed.
- Set the Newsletter heading, text and button label. Use wording that matches your store’s actual email offer.
- Set Copyright text and payment-icon visibility in the Footer section. Payment methods and supported countries come from Shopify store settings.
Add social icons and Follow on Shop
- Enter full profile links under Theme settings → Social media. Empty profiles do not appear.
- Under Footer, add a Social media block. Set Social media position to Brand column bottom or Newsletter column bottom.
- Choose Icon colors: Official brand colors or Custom colors. For custom colors, set Custom icon color and Custom icon background in the block.
- To add Shopify’s native follow control, add Follow on Shop and select its position. Shopify controls its branding and availability; the social icon color setting does not recolor the Shop button.
Choose a placement with an existing Brand or Newsletter block. On mobile, the country selector is kept in the navigation drawer rather than repeated in the footer. Configure markets and the available countries in Shopify, then adjust the selector label under Theme settings → Internationalization.