Skip to content
Design your menu
Menu Styling
Menu Styling enhances your navigation with customizable blocks like buttons, cards, products, and collections. These elements help showcase your content and improve the shopping experience through an organized, interactive menu.
To edit your menu:
- Click "Header group" in the left sidebar
- Select "Header"
- Click the "+" button to add blocks (Button, Card, Products, etc.)
- Click on any block to customize it
| Setting | Description | |
|---|---|---|
| Button | Adds a clickable button like "Shop now" that appears beside your cart and search bar. Use buttons to highlight important actions or promotions that you want customers to take. |  |
| Card | Displays standard card content within a dropdown menu. Cards can showcase featured content, promotions, or important information in a visually appealing format when customers interact with your navigation. |  |
| Columns | Increases the length and spans the full width of the page. Adding a Columns block is useful when you want to organize dropdown content into multiple sections or when you need to extend your menu without adding specific content. |  |
| Products | Allows products to be displayed directly within dropdown menus. This creates a visual shopping experience where customers can browse products without leaving the navigation area. |  |
| Collections | Showcases collection items within dropdown menus. Use this to help customers quickly discover and navigate to specific product categories or themed collections in your store. |  |