Designing 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:

1. Click "Header group" in the left sidebar

2. Select "Header"

3. Click the "+" button to add blocks (Button, Card, Products, etc.)

4. 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.